Jeszcze raz od nowa

Sanchez Spinoza · 12 Czerwca 2006

Postanowiłem się nie poddawać w zasadach wyświetlania CSSa w róznych przeglądarkach, i w związku z tym mam małe pytanko.

Otóż wejdźcie proszę na TU przez IE i przez FF albo NS

W IE obok niewypozycjowanego jeszcze obrazka pojawia się biały pasek (jakby margines)

a w FF albo NS obrazek ściśle dolega do szerego tła listy.

Jak pozbć sie tego paska w IE?

KOD INDEX.PHP:

(...)

<BODY>

<LI><A href="index.php?fill=zamowienie">Załóż zamówienie</A> |</LI>

<LI><A href="index.php?fill=kontakt">Kontakt</A> |</LI>

<LI><A href="index.php?fill=home&box=hom">Strona Główna</A> |</LI>

</UL>

<LI><A href="index.php?fill=zapytanie&box=zap">Zapytaj o Łożyska</A></LI>

<LI><A href="index.php?fill=jakosc&box=null">Jakość naszych łożysk</A></LI>

<LI><A href="index.php?fill=faq&box=null">Pytania i odpowiedzi</A></LI>

</UL>

BOTTOM

</DIV>

</BODY>

(...)

KOD STYLE.CSS:

body { background:#fff; margin:0 0 0 0; font:normal 8pt/8pt verdana;}

a:link{text-decoration: underline; font-weight: solid; color: #474747;}

a:visited{text-decoration: underline; font-weight: solid; color: #474747;}

a:active{text-decoration: none; font-weight: solid; color:color:#000080; }

a:hover{text-decoration: none; font-weight: solid;color: #000080;}

img {display:block;}

ul#lista_top { background:#eee;

list-style:none;

margin:0;

padding:10;

text-align:right;

border-bottom:2px solid #808080;}

ul#lista_top li { display:inline;}

ul#lista_top li a:link, ul#lista_top li a:visited { text-decoration:none; }

ul#lista_main { background:#c0c0c0;

list-style:none;

padding:0;

margin:0;

float:left;}

ul#lista_main li { padding:10px;}

ul#lista_main li a:link, ul#lista_main li a:visited { text-decoration:none; }

#bottom { background:#c00000; color:#fff;}

Jakby ktoś znalazł chwilkę hm?

12 Czerwca 2006

brak doctype!

mozesz nadac float:left obrazkowi lub pod IE zaaplikowac styl z ujemnym lewym marginesem:

margin-left:-3px;

yavaho · 12 Czerwca 2006

Mi to wygląda na ten bug 3px ktory wystepuje w IE podczas floatowania.

Proponuje to co jest w topie ustawić jako position:absolute; Albo tą grafike dać jako tło.

Sanchez Spinoza · 12 Czerwca 2006

#YAVAHO > "Proponuje to co jest w topie ustawić jako position:absolute; Albo tą grafike dać jako tło"

Hmm pozycjonowanie absolutne w moim przypadku nie jest za dobre bo jak będę dodawał kolejne elementy listy albo coś innego co wpłynie na "długość strony" to potrzebuje pozycjonowania relatywnego.

#MASTER > Ok zadziałało. :king:

Tylko że jak dodałem margin-left:-3px;

to mi sie wyskoczył margines na dole 3px

Bo musiałem usunąć: img { display:block}

Wstawiłem:

.min3 {margin-left:-3; margin-bottom:-3;}

I do obrazka classe .min3 i działa:)

Dzięki Master. :unsure:

EFEKT

Sanchez Spinoza · 13 Czerwca 2006

Hmm daje właściwośc clasie DIVa HEIGHT:5px; i FF i NS malują na ekranie blok o wysokości 5px; a oczywiście IE nie. IE sobie postanowiło malować blok gdzieś w granicach 12px; standardowo.

Czy ktoś może niewie jak zmusić IE żeby namalował DIVa o 5px; wysokości?

yavaho · 13 Czerwca 2006

div {
width: 5px;
height: 5px;
font-size: 5px;
}

Sanchez Spinoza · 13 Czerwca 2006

Dzięki żołnierzu Yava! Poszło.

Problem był w font-size.

Już prawie kończe remont mojej storny i powiem wam że robię ją pod 3 przeglądarki IE FF i NS i jak narazie (oczywiście po ciężkich bojach ) wszytko idzie zgodnie z planem.

Może wreszcie spłodze coś wg. standardów WC3

Sanchez Spinoza · 2 Lipca 2006

A tu takie małe zapytanie mam.

Otóż najprostrze co może być czyli pływające divy.

STYLE.CSS:

body { background: #fff;

margin: 0 0 0 0;

font-size: small;}

#top { background:#eee;}

#lewa { background:#c0c0c0; width:70%; float:left; }

#prawa { background:#808080; width:30%; float:right;}

#bottom { background:#686868; clear:both;}

INDEX.PHP:

NAGŁÓWEK

</DIV>

TREŚĆ LEWA

</DIV>

TREŚĆ PRAWA

</DIV>

STOPKA

</DIV>

I wszystko jest w porządku. Jest TOP, lewa kolumna i prawa a także stopka z clear:both;

I wszędzie wyświetla się wporządku tylko w IE jest problem TAKI >> Zobacz <<

Poprostu prawa kolumna o width: 30%; spada na dół zamiast oblać lewą kolumnę.

Jak temu zaradzić? w kodzie wydaje się wszystko wporządku.

Unité · 3 Lipca 2006

Patrze pod IE i... dziala dobrze.

Sanchez Spinoza · 3 Lipca 2006

niemożliwe.

To ma wyglądać tak że oba paski lewy i prawy mają być na tej samej wysokości.

Niemoże tobie się wyświetlać dobrze a mi źle

Zobacz raz jeszcze

Unité · 4 Lipca 2006

Mam rozdzielczosc 1280x1024, okno IE rozciagniete na maksa i dziala dobrze.

Sanchez Spinoza · 4 Lipca 2006

Ok, działa już.

Zaloguj się

Jeszcze raz od nowa

Rekomendowane odpowiedzi

Odnośnik do komentarza

Udostępnij na innych stronach

Gość w3master

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Zarchiwizowany

Polecamy

Współpracują z nami

Powiadomienie o plikach cookie