ďťż

[css + Ie + Div] Div Jest Zbyt Szeroki Div w ie nie trzyma swojego rozmiaru...

       

Podstrony


telcocafe

Mala errata. chodzi o wysokosc DIV'a, przepraszam za ten blad.

Witam serdecznie, mam pewien problem z przegladarka IE, ktora jak wiadomo dosc indywidualnie interpretuje standardy... wiec do rzeczy.

Potrzebny jest mi div, ktory bedzie mial wysokosc 1px, sluzyc bedzie jako odzielenie poszczegolnych blokow strony. Jednak przypisanie mu wartosci: height: 1px; nie dziala. Div w IE ma cos okolo 10px.

<html> <head> <title>Test IE</title> <style> body { margin: 0px; background-color: #c0c0c0; font-family: Verdana; font-size: 12px; color: white; } p { font-size: 20px; } div { background-color: red; height: 1px; } </style> </head> <body> <p>To tylko jakis test...</p> <div></div> </body> </html>

Oto prosty przyklad, w FF oraz operze czerwony div ma wysokosc 1px, a w IE nie... Jak mozna rozwiazac ten problem, bardzo prosze o pomoc. Wszelkie sensowne pomysly mile widziane :)
Użytkownik discovery edytował ten post 30 styczeń 2007, 22:46


Napisałeś że chcesz aby div miał szerokość a w css ustawiles wysokosc:
div { background-color: red; height: 1px; }
A może tak?

div {
background-color: red;
width: 1px;
}

Użytkownik master_dos edytował ten post 30 styczeń 2007, 16:21
A nie możesz dać margin-left, -right, -top czy -bottom?

div { margin-top: 1px; }

Ustaw wielkość fonta w tym divie na 1px ;)

@up - no dobra ale jakby chciał ustawić dla tej przerwy jakieś tło czy coś to musi wstawić div albo pokombinować z divami pod spodem ale to nie zawsze wyjdzie ;)
Użytkownik .:DzIuDek:. ™ edytował ten post 30 styczeń 2007, 16:43



@up - no dobra ale jakby chciał ustawić dla tej przerwy jakieś tło czy coś to musi wstawić div albo pokombinować z divami pod spodem ale to nie zawsze wyjdzie

Zawsze może dać poprostu obramowanie czerwone jednego boku dla div'a zamiast bawić się w 1 pixelowe div'y marginesy itp. :P.


Zawsze może dać poprostu obramowanie czerwone jednego boku dla div'a zamiast bawić się w 1 pixelowe div'y marginesy itp. :P.

Dobra, dobra, ale jak będzie chciał żeby ten "przerywnik" to był na przykład jakiś dziwny pasek wyśrodkowany ? Wszystkiego się nie załatwi obramowaniem ;)

Moj blad chodzilo oczywiscie o wysokosc, male przejezyczenie... sprawdze czy cos z Waszych porad zadziala i dam znac czy to rozwiazalo moj problem.

EDIT:

Panowie..... moje gratulacje :) Udalo sie rozwiazac moj problem, oto kod ktory jest tego dowodem:

<html> <head> <title>Test IE</title> <style> body { margin: 0px; background-color: #c0c0c0; font-family: Verdana; font-size: 12px; color: white; } p { font-size: 20px; } #a { border-top-width: 1px; border-top-style: solid; border-top-color: red; } #b,#c { height: 80px; width: 400px; background-color: yellow; } </style> </head> <body> <p>To tylko jakis test...</p> <div id="b"></div> <div id="a"></div> <div id="c"></div> </body> </html>

Wszystkie trzy przegladarki, IE, FF i Opera interpretuja to w identyczny sposob. Jeszcze raz dzieki za pomysly, dla mnie temat jest zamkniety.
Użytkownik discovery edytował ten post 30 styczeń 2007, 22:45
  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.