Podstrony
- telcocafe
- [CSS] wielkosc tabelki 1 zalezna od wielkosci tabelki 2
- [html Css] Obramowanie Czcionki jak obramowac czcionke??
- CSS 2.1 + PHP5 Nie odczytuje grafiki!!!!
- [XHTML/CSS] Opera problem z wyświetlaniem Problem z wyświetlaniem strony w opera
- [cSs] jasnoszary border 'jotpegów' Pomocy !! :)
- [HTML/CSS]Problem z wyświetlaniem strony różnice w wyświetlaniu strony w IE i Firefox
- [CSS] Problem wyświetlania w MSIE szablonu w internet explorer 6 zle wyświetla szablon
- [css + Ie + Div] Div Jest Zbyt Szeroki Div w ie nie trzyma swojego rozmiaru...
- Kod stylu kod stylu CSS
- css+jquery problem z accordion z jquery
- zanotowane.pl
- doc.pisz.pl
- pdf.pisz.pl
- gameplaygry.htw.pl
telcocafe
Witam ! Więc problem jest taki:1. Jak zlikwidować odstęp który jest zaznaczony na screenie ? Jak widać jest on na IE <_< , a na operze wszystko jest jak ma być ;)
2. Jak we wskazanym miejscu (tresc) wstawić diva (z obrazem) aby był w środku czyli tak jak ma być(screen)
Z opery (dobre)
Z szajs IE (złe)
Kody:
CSS
body { height: 800px; width: 740px; margin-top: 20px; margin-left: 10px; padding: 0px; } #top { height: 132px; width: 437px; float: left; padding: 0; } #top2 { height: 132px; width: 223px; float: left; } #button { position: relative; float: left; } #buttony { position: relative; float: left; } #bar { float: left; width: 220px; height: 392px; }
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="pl" xml:lang="pl"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" /> <title>.:[Title]:.</title> <link rel="stylesheet" href="style.css" type="text/css" /> </head> <body bgcolor="lightblue"> <div id="top"> <img src="top.gif" /> </div> <div id="top2"> <img src="top2.gif" /> </div> <div id="button"> <div id="buttony"><img src="home.gif" /></div> <div id="buttony"><img src="omnie.gif" /></div> <div id="buttony"><img src="p.gif" /></div> <div id="buttony"><img src="k.gif" /></div> </div> <div id="bar"><img src="bar.gif" /> </div> </body> </html>
Z góry baardzo dziękuję i proszę o wytłumaczenie, co jest źle i dlaczego (jeśli można).
PS: Sorki za jakość z painta :P
Przyznam, że specjalnie sie nie zagłębiałem, ale IMO wystarczy pododawać dla odpowiednich divów margin: 0px i ewentualnie border: none.
Niestety nic nie dało :|. A border: none nic nie zmieni bo przecież nie ma obramowania domyślnie ;) A na operze dalej jest dobrze .
Użytkownik grzesiu_12 edytował ten post 04 sierpień 2006, 08:28
Ten sam przypadek :
http://forum.ks-eksp...showtopic=89254
Dzięki,ale wpisałem i nic nie daje ;/. Mogłbyś zaznaczyć np. na czerwono gdzie to powinno być ? Prosze. Bo juz mnie krew zalewa z tym IE :(
Wrzuć wszystkie pliki tej strony(łącznie z obrazkam) spakowane na jakiś serwer to Ci poprawie kod.
Paczka . Bardzo dziękuję za chęci :)
Przed:
<div id="top"> <img src="top.gif" /> </div> <div id="top2"> <img src="top2.gif" /> </div>
Po:
<div id="top"> <img src="top.gif" style="display: block;" /> </div> <div id="top2"> <img src="top2.gif" style="display: block;" /> </div>
albo jeśli nie będzie to przeszkadzało, to połączyć top z top2, wtedy zajmie mniej linijek :-)
<div id="top"><img src="top.gif"/><img src="top2.gif" /></div>
plik style.css
#top { height: 132px; width: 660px; float: left; margin-bottom: 0px; display: block; }
Tylko w tym wypadku trzeba zachować ostrożność, bo display nie skoryguje błędu IE ( bez rozjechania strony :-), żeby błąd nie wystąpił trzeba zaraz po zamknięciu taga obrazka, zamknąć tag diva w innym wypadku pojawi się ten pusty obszar pod spodem. Wybór należy do Ciebie :-).
Edytka: ja osbiscie uzywam sposobu 1 bo 2 wyłamuje się z stylu formatowania kodu który piszę.
Użytkownik NeVeS edytował ten post 04 sierpień 2006, 11:10
Bardzo dziękuję. A ten 2 problem: Jak wstawić tam diva aby dolegał do wszystkiego ? Daje screena z obramowaniem żeby było wiadomo co i gdzie. Screen . Za pomoc na stronce będą podziękowania ;)
Style.css dodać:
#left{ float: left; } #ten{ clear: both; }
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="pl" xml:lang="pl"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" /> <title>.:[Title]:.</title> <link rel="stylesheet" href="style.css" type="text/css" /> </head> <body bgcolor="lightblue"> <div id="top"><img src="top.gif"/><img src="top2.gif" /></div> <div id="left"> <div id="button"> <div id="buttony"><img src="home.gif" /></div> <div id="buttony"><img src="omnie.gif" /></div> <div id="buttony"><img src="p.gif" /></div> <div id="buttony"><img src="k.gif" /></div> </div> <div id="ten"> sdsdsdsd </div> </div> <div id="bar"><img src="bar.gif" /> </div> </body> </html>
Bardzo dziękuję ! :) Jestes Pr0. Wszyastko jest jak należy ;)