Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [css] problem z wyświetlaniem pod FF i Opera
Spanner
post 30.06.2007, 06:12:05
Post #1





Grupa: Zarejestrowani
Postów: 28
Pomógł: 0
Dołączył: 15.12.2004
Skąd: KrK

Ostrzeżenie: (10%)
X----


Witam,
mam pewien problem, na stronie mam taki oto kod

Kod
<div id="footer">
<div id="copyright"><p>tekst</p></div>
<div id="copy">tekst</div>
</div>


i do tego css
Kod
#footer {
margin: 10px auto 5px auto;
width: 800px;
padding:0;
text-align: left;
}

#copyright {
padding-left: 10px;
float: left;
border-left: 3px solid #fff;
margin-top: 6px;
margin-right: 0;
padding-right: 0;
width: 303px;
}

#copyright p {
margin: 0;
padding: 0;
}

#copy {
width: 497px;
float: right;
border-top: 1px solid #fff;
padding-top: 5px;
margin: 0;
padding-left: 0;
}


i mam taki problem w IE wszystko jest tak jak powinno to wyglądać,natomiast w FF i Operze mam takie coś że <div id="copy"> jest wyświetlane dopiero pod tekstem umieszczonym w id="copyright" a powinno być to wyświetlane na równi. może mi ktoś pomóc co zmienić aby ff i opera wyświetlała, oba divy na jednej wysokości a nie jeden pod drugim


aha tylko nie chodzi mi o zwężenie prawej strony, bo wtedy zamierzony efkt wyglądu mi się psuje, bo psuje mi lay, natomiast jeśli zwęże lewą strone id='copyright' to ten div ucieka do góry pod ostatni element z lewej strony, a margines górny div'a id='footer' wogóle nie oibniża w ff i operze tego fragmentu :/


--------------------
SpannerDEV.pl - Support Invision Power Board (IPB, IP.Board), skiny IP.Board i na fora, Tworzenie stron WWW, Mody do IP.Board
IPSBeyond.pl - Support IP.Board, Modyfikacje IP.Board, Skiny IP.Board
Go to the top of the page
+Quote Post
Zajec
post 30.06.2007, 16:47:40
Post #2





Grupa: Zarejestrowani
Postów: 1 086
Pomógł: 8
Dołączył: 10.12.2003

Ostrzeżenie: (0%)
-----


Prosta matematyka.

copyright's width = 303px + 3px + 10px = 316px

copy's width = 497px

316px + 497px > 800px
tak więc te dwa divy się obok siebie nie zmieszczą


IE w swoim kretyńskim trybie myśli, że padding i border nie liczą się do width. Użyjwaj DOCTYPE strict i IE zacznie funkcjonować nieco normalniej.
Go to the top of the page
+Quote Post
Spanner
post 30.06.2007, 17:12:31
Post #3





Grupa: Zarejestrowani
Postów: 28
Pomógł: 0
Dołączył: 15.12.2004
Skąd: KrK

Ostrzeżenie: (10%)
X----


wiem, ja to rozumiem, że paddingi i border trzeba dodać do szerokości, ale jak ustawiłem lewą stronę na auto, lub zmniejsze ją tak do 280px to cały ten div ucieka mi do góry pod ostatni element umieszczony nad cały id=footer, strona jest w pełni zgodna ze standardem xhtml 1.1, a z tą jedną rzeczą nie moge sobie poradzić, bo prawej strony nie mogę zwęzić, a lewą jak zwęże to ucieka na góre ;/. masz może jakić pomysł questionmark.gif


--------------------
SpannerDEV.pl - Support Invision Power Board (IPB, IP.Board), skiny IP.Board i na fora, Tworzenie stron WWW, Mody do IP.Board
IPSBeyond.pl - Support IP.Board, Modyfikacje IP.Board, Skiny IP.Board
Go to the top of the page
+Quote Post
Zajec
post 1.07.2007, 09:46:10
Post #4





Grupa: Zarejestrowani
Postów: 1 086
Pomógł: 8
Dołączył: 10.12.2003

Ostrzeżenie: (0%)
-----


Pokaż jakiś on-line example, będzie łatwiej smile.gif
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 20.07.2025 - 07:11