+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [css][html] znikajacy tekst IE8 w FireFox Dobrze (/thread-css-html-znikajacy-tekst-ie8-w-firefox-dobrze)
[css][html] znikajacy tekst IE8 w FireFox Dobrze - robert3d - 25-03-2010
Witam
Piszę bo mam problem otóż. Mam 3 kolumny.
Po wpisaniu treści do środkowej kolumny. W IE tekst się nie pojawia dopiero się pojawi jak kliknę na kolumnę i przeciągnę myszą po miejscu gdzie powinien być tekst. W Firefox treści pojawiają się prawidłowo.
Problem jest myślę z klasą clear ale czym ją niby zastąpić by kolor dobijał do dołu czyli zeby każda kolumna była tej samej długości.
Kod:
<head>
<style type="text/css">
body{
text-align: center;
}
#centruj{
position: relative;
margin: 0 auto;
width: 920px;
text-align: left;
background-color: orange;
}
#gora{
background-image: url(image/baner.jpg);
height: 104px;
}
#lewo{
float: left;
width: 170px;
top: 50px;
padding: 5px;
background-color: aqua;
}
#prawy{
float: right;
width: 180px;
padding: 5px;
background-color: blue;
}
#srodek{
margin-left: 180px;
background-color: fuchsia;
}
#srodek2{
margin-right: 180px;
padding: 5px 10px 5px 10px;
background-color: yellow;
}
.clear{
clear: both;
}
</style>
</head>
<body>
<div id="centruj">
<div id="gora"></div>
<div id="lewo">menu menu menu menu menu menu menu menu menu menu </div>
<div id="srodek">
<div id="prawy">c</div>
<div id="srodek2">
<div id="tresc">df f as ad ad asasdas as assad ad a</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
</div>
</body>
</html>RE: [css][html] znikajacy tekst IE8 w FireFox Dobrze - Kartofelek - 25-03-2010
Rzucam okiem na html i widzę że dziwnie pociąłeś cały kod. Moglbys zrobic np tak:
<div id="centruj">
<div id="gora"></div>
<div id="content">
<div id="lewo">...</div>
<div id="srodek">
...
</div>
<div id="prawo">...</div>
</div>
</div>
content: position:relative; width:np 960
lewa kolumna - position:absolute; width:180; left:0
prawa kolumna - width:180; position:absolute; right:0
srodek: margin:0 180px;
A rozciagajace sie kolumny? Kolumny zrób jako tło, które nadajesz contentowi. Dzięki takiej konstrukcji, będziesz mógł bardzo łatwo manipulować wygladem strony
Zawsze tez mozesz po tych divach w srodku dodac jakis clear, ktory bedzie rozciagal zawartosc.
Teraz jak chcesz przeniesc lewa na prawa, wystarczy np zmienic left na right. Jezeli chcesz miec srodek tam gdzie lewo, tez wystarczy zmienic tylko css. Ogolnie bedzie o wiele latwiej;
Dzisiejszy wpis sponsoruje zdanie: Im konstrukcja strony jest prostsza, tym latwiej ją manipulować
RE: [css][html] znikajacy tekst IE8 w FireFox Dobrze - robert3d - 25-03-2010
Hmm tak myślę zaraz napiszę tak jak mówisz właściwie po co mi rożne kolory tła na lewej i prawej ważne by były inne dla środkowej
Jak coś nie pójdzie to wiadomo gdzie napiszę 
Dzięki za uproszczenie książkowego myślenia
RE: [css][html] znikajacy tekst IE8 w FireFox Dobrze - robert3d - 28-03-2010
No i mam pierwszy problem pomimo że w css wpisałem dla stopki wartość clear: both; to jednak lewa kolumna dalej nie jest brana pod uwagę i stopka wchodzi pod nią tam gdzie kończą się treści z środkowej kolumny.