Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html][css] dziwna przerwa miedzy div'ami
Forum PHP.pl > Forum > Po stronie przeglądarki
outsider
Witam

Mam dziwny problem, o to screen:

 

Zaznaczylem w "kolkach" smile.gif rzeczy ktore dzieja sie pod IE 6, 5.5 oraz 8 (moja 7 na Viscie wyswietla dobrze). Kazdy widzi ten wielki odstep, to co widac jest podzielone tak:

 gorny_div, srodkowy_div, dolny_div - wszystkie 3 sa w glowny_div

Dolny DIV o dziwo dziala prawie dobrze, troche go przesuwa w lewo, chociaz nie widac po lewej stronie zeby go przybylo  blinksmiley.gif Ktos moze mi pomoc, dlaczego jest taka przerwa miedzy gorny_div a srodkowy_div questionmark.gif 

kod CSS

Kod
#mini_calosc {
     margin: 0px;
     padding-left: 23px;
     float: left;
     display: inline;
    width: 258px;
    text-align: center;
}

                 /*  Panel Logowania */

#mini_gora {
        background: url('images/panel_log_gora.png') no-repeat;
        font-size: 12px;
             margin: 0px;
        width: inherit;
        height: 55px;
          
}

#mini_srodek {
        background: url('images/panel_log_sr.png') repeat-y;
        font-size: 12px;
             margin: 0px;             
        width: inherit;
        height: auto;
        padding: 2px;
}


#mini_dol {
        background: url('images/panel_log_dol.png') no-repeat;
        height: 13px;
        width: inherit;
             margin: 0px;
          
}


Watpie w to ale zapytam - czy moze to byc spowodowane kodem php ktory znajduje sie odrazu po otwierajacym znaczniku (srodkowy_div) ?

Za odpowiedz z gory dziekuje smile.gif
lord_t
Wydaje mi się że tak to powinno być; robiłem coś podobnego ostatnio.
szerokosc mini_srodka = szerokosc obejmującego -4px(2 razy po 2px z paddingu)
Gryf
raczej te trzy są w mini_calosc ?
czemu mini_gora i mini_dol dajesz width: inherit; co prawda
"przyjmuje" wartość rodzica ale magia ie nie zna granic (sprawdź na sztywno)
było by miło zobaczyć to pod jakimś linkiem (łatwiej mi wtedy stwierdzić niż na surowym kodzie)
a ten display: inline; to po co?
a co do tej przerwy to przypadkiem "Panel logowania" nie masz ustawiony jako h1?
outsider
Dzieki za pomoc smile.gif Juz dziala, jeszcze jedno pytanko: czy ma znaczenie w jakiej kolejnosci zdefiniuje style w *.css ?

Kod
            width: 258px;
            background: url('images/panel_log_sr.png') repeat-y;
            font-size: 12px;
            margin: 0px;                
            height: auto;


Kod
            height: auto;
            font-size: 12px;
            margin: 0px;                
            background: url('images/panel_log_sr.png') repeat-y;
            width: 258px;

Taki przyklad smile.gif
bobo168
Nie ma z tego co wiem tongue.gif
Gryf
niema żadnego wpływu ale osobiście uważam iż kolejność alfabetyczna jest milsza dla oka ;]
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.