Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
[css][html] znikajacy tekst IE8 w FireFox Dobrze
#1
Witam Smile
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>
Odpowiedz
#2
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 Smile
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ć
Odpowiedz
#3
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 Big Grin Jak coś nie pójdzie to wiadomo gdzie napiszę Wink Dzięki za uproszczenie książkowego myślenia Wink
Odpowiedz
#4
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.
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Kursy (x)HTML/CSS DoGeR 9 23,694 18-01-2017, 21:55
Ostatni post: Michael
Sad HTML/CSS/JQUERY - Potrzebuje pomocy / Bezradność jokerblitzz 10 10,229 28-04-2016, 00:24
Ostatni post: mubi
  [CSS]+[HTML] Pozycjonowanie slidera. Youras 2 4,751 16-01-2016, 23:11
Ostatni post: Szymon Słowik
  Kolor tła dla aktywnej podstron [CSS i HTML] bahafo 5 7,792 27-12-2014, 15:25
Ostatni post: Kartofelek
  [problem][html] cutenews i szablon kawadodek2000 1 2,989 13-08-2013, 16:49
Ostatni post: mateo

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl