Problem z <div> Opcje

[Siner]

Mam trochę problemów z divami. Pod Firefoxem i pod IE ta sama strona wygląda zupełnie inaczej, ale w żadnej przeglądarce nie tak jakbym chciał. Pod Firefoxem jest taki problem, że pomiedzy menu a treścią wystepuje pustaka. I tak samo na dole strony(miedzy treścia, a stopką). Jak się tego pozbyć ?. Pod IE natomiast obrazek przesuną mi się linijkę niżej. Nie mam bladego pojecia czemu.
Z góry dziekuje za pomoc (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Edit
Zapomiałem o linku (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif)

Ten post edytował Siner 25.08.2005, 21:00:07

[zuku]

Witaj.

Widzę że nie tylko ja mam taki problem.

Podam mały przykład co się dzieje:

[HTML] pobierz, plaintext 
<table width=100%> 
<tr> <td> tekst.... </td> <td width=1></td> </tr>  
</table>
[HTML] pobierz, plaintext 

To chodzi o to, że lewa kolumna ma 100% - 1px, a prawa 1px.
W Forefoxie wszystko gra, ale w IE rozszerza tą tabelę o więcej niż 100%.
Zrobiłem korekcję i dodałem <div>:

[HTML] pobierz, plaintext 
<div style="width:100%">
<table width=100%> 
<tr> <td> tekst.... </td> <td width=1></td> </tr>  
</table>
</div>
[HTML] pobierz, plaintext 

Błąd został naprawiony, ale tylko w IE. W Firefoxie robi się sytuacja ta sama co wcześniej w IE.

Czy mam zrezygnować z <div> i w IE wszystko określać jasno?

[Bociek]

co za przejrzystosc tych styli (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif) no ale dobra

tutaj:

Kod

<p style="color: rgb(133, 156, 50); font-family: Verdana; font-style: normal; font-variant: normal; font-weight: normal; font-size: 18px; line-height: normal; font-size-adjust: none; font-stretch: normal; margin-left: 15px;">Test</p>

wstaw:

Kod

margin: 0px; padding: 0px;

stosuj to do <p> <form> i wtedy nie bedziesz mial odstepów

ps. dopiero co wstalem / i chyba nie zbyt kapuje ale co do problemu nr. 2 to po co definiowac 100% na poczatku i pozniej jeszcze dodawac to w <td> ? lepiej chyba ustawić 50 % tu i tu / co do odrzucenia <div>'ów to tego odradzam (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) nie wiem czy zrozumiesz o co mi chodzi

Ten post edytował Bociek 26.08.2005, 06:24:25

[Siner]

@Bociek
dzieki twój kod pomógł pod Firefoxem, ale pod IE jest tak (screen)
Jeszcze mnie ciekawi jak to wygląda pod Operą. Byłbym wdzięczny jakby ktos napsiał.

[popo]

blad tkwi w tym jak ie interpretuje box model (zle) a nie w firefoxie pisalem juz na tym forum o tymm ale powtorze jak obejsc blad interpretacji box model w ie i nie tylko (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

fragment z css'a

Kod

#navbar {
border-left: 1px solid;
border-right: 1px solid;
width:227px;
voice-family: "\"}\"";
voice-family: inherit;
width: 225px;
}
html>body #navbar {
width:225px;
}

poniewaz ie mylnie odejmuje grubosc ramki i padding wiec trzeba mu je dodac (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)

wiec pierwsze od gory width jest dla ie potem sa 2 linie ktore powoduja ze ie glupieje i nie widzi kolejnej
ktora definiuje rozmiar dla ffoxa i mozillopodobnych natomiast ten fragment od html>body do konca pomaga na to ze opera tak jak ie gubi sie z tym voice tyle ze opera w przeciwienstwie do ie obsluguje css2 wiec rozumie ten fragment i ustawia sie poprawnie

[zuku]

Dzięki za dobrą podpowiedź!

Znalazłem ją gdzieś, ale nie było dobrego opisu do tych linijek, a nie lubię wklejać czegoś, czego nie rozumię.

Ten post edytował zuku 27.08.2005, 12:03:05

[Siner]

Nadal nie umiem sobie z tym poradzić, jeśli kots umiałby odpowiedziec na mój poprzeni pos byłbym wdzięczny (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

[yavaho]

@Siner
Za ostatnim elementem w menu [Kontakt] masz czarny kwadracik (nie wiem po co?) ale ten kwadracik nie mieści sie tam i przechodzi do nastepnej linii.
Pod Opera wyglada podobnie jak pod IE a nawet gorzej bo nie widac prawego zielonego obramowania.
Nie sklejaj strony wciskajac na nia male klocuszki grafiki, wypelniaj cale elementy blokowe grafika umieszczona jako tlo. A w ogule to w przypadku tej strony nie potrzeba zadnej grafiki. Tlo i obramowanie to mozna ustalic w stylach.