Toon posts:

[CSS/FF] layout verspringt na toevoegen element ?

Pagina: 1
Acties:

Verwijderd

Topicstarter
Ik zie door de bomen het bos niet meer en ben dan ook volledig de weg kwijt.

Ik heb hier 2 pages:

http://bakman.xs4all.nl/pg/tips.asp
http://bakman.xs4all.nl/pg/vdr.asp

In FF verspringt de vdr.asp page een paar pixels naar links en wanneer FF dit gedrag vertoont is me niet duidelijk.

In deze page staan een paar <p>'s en 1 img.

onder de image staat een;
HTML:
1
2
3
<p class="section">
        <span>bracketing:</span> blabla blabl text
</p>

Met een enkele paragraaf verspringt de page niet, als ik er 1 toevoeg dan verspringt ie naar links.
Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
11
12
p{
    color: #333;
    font-size: 70%;
    line-height: 1.5em;
    margin: 10px 0;
    padding: 0;
    text-align: justify;
}
.section{
   background: #eee;
   padding: 8px;
}


Al geprobeert :
* div met clears
* clear:right, both op .section
* img eruit, probleem blijft
* "normale" p's gebruikt
* paddings weg
en vele anderen..... :'(

Wat kan de oorzaak van dit gedrag zijn?
Ik zie het allemaal niet helder meer.

Even voor de goede orde: in IE werkt ie goed.

[ Voor 8% gewijzigd door Verwijderd op 20-02-2006 17:48 ]


  • crisp
  • Registratie: Februari 2000
  • Nu online

crisp

Devver

Pixelated

Dat heeft puur met de scrollbar te maken hoor ;)

Intentionally left blank


  • JHS
  • Registratie: Augustus 2003
  • Laatst online: 04-01 15:49

JHS

Splitting the thaum.

Cascading Stylesheet:
1
2
3
body {
  height: 100,1%
}
Staat hij overal "naar" links ;) .

DM!


Verwijderd

Topicstarter
Dat heeft puur met de scrollbar te maken hoor
lol damn }:O heb ik niet eens op gelet.....ik vond het al zo bizar, m'n code is toch goed g*dv*r
Geezz louise

Thx! :o

heeft iemand een huge lock voor dit topic ? |:(

[ Voor 37% gewijzigd door Verwijderd op 20-02-2006 17:53 ]


  • crisp
  • Registratie: Februari 2000
  • Nu online

crisp

Devver

Pixelated

Voor de gecentreerde GoT-layout gebruik ik:
Cascading Stylesheet:
1
2
3
4
html {
    min-height: 100%;
    margin-bottom: 1px;
}


a) scrollbars zijn in standards-compliant mode een onderdeel van het HTML-element
b) als je een height opgeeft voor je body dan is alles wat buiten die height valt overflow met alle gevolgen van dien (backgrounds die niet meer gerendered worden, tekst-selectie problemen etcetera).

Intentionally left blank


Verwijderd

Topicstarter
Is:
Cascading Stylesheet:
1
2
3
html{
    overflow: -moz-scrollbars-vertical; 
}

niet correct ?
edit:
werkt beide niet in opera ?

[ Voor 43% gewijzigd door Verwijderd op 20-02-2006 18:05 ]

Pagina: 1