Archief - JS/CSS: Problemen met layout in FireFox en IE.

s

steinerwarrior

Legacy Member

• 17 mei 2006

• #1

Hallo iedereen,

Ik ben bezig een site te slicen en in div's te zetten. Nu is het zo dat zowel in IE als in FF er problemen zijn terwijl de css naar mijn denken klopt.
Kan iemand mij helpen?
Probleem 1: de 2de linkse kader overlapt het kader ernaast in FF en in IE is alles op zijn plaats.
Probleem 2: ik stel men height voor de blauwe en grijze rechthoeken (scheiding-blue en scheiding-grey (css)) 9 px en in IE heeft hij ineens rechthoeken die meer dan 9 px hoog zijn maar wel op de juiste plaats staan en in FF hebben de rechthoeken een goede correcte 9px hoogte, maar de positie is dan ook weer niet goed en er is weer overlapping.

Site: http://www.windstyle.be/windstyle.php

Css-stylesheet die gekoppeld is aan de site:http://www.windstyle.be/windstyle-css.css

R

Rvl

Legacy Member

• 17 mei 2006

• #2

zet eerst en vooral al maar een doctype, dan praten we nog is

s

steinerwarrior

Legacy Member

• 19 mei 2006

• #3

Zo heb een doctype erbij gezet. Maar ik zit nu nog altijd met een probleem nl. in IE heeft hij de border die gedeclareerd is bij de div met class=welcome en inn FIrefox wordt een border gewoon niet weergegeven!

De link naar de site:
http://www.windstyle.be/WARSOFT/windstyle.php

De link naar de css: http://www.windstyle.be/WARSOFT/windstyle-css.css

Q

Quilombo

Legacy Member

• 19 mei 2006

• #4

'k em t ook maar snel snel bezien, ma zet nekeer IETS in dien div (al is t &nbsp

s

steinerwarrior

Legacy Member

• 19 mei 2006

• #5

Kheb nu vlug iets erin getypt en het probleem blijft. Vind het toch maar raar.

s

steinerwarrior

Legacy Member

• 20 mei 2006

• #6

NIemand een oplossing voor dit probleem?

o

omfg

Legacy Member

• 20 mei 2006

• #7

zet eens in plaats van:

Code:

div.welcome{
position: absolute;
z-index: 0;
left:0px;
border-style: solid;
border-color: #D2D2D2;
width: 281px;
height: 241px;
border:1px;
}

dit:

Code:

div.welcome{
position: absolute;
z-index: 0;
left:0px;
[b]border:1px;[/b]
border-style: solid;
border-color: #D2D2D2;
width: 281px;
height: 241px;
}

dus de border: 1px; boven de style en de kleur, dan zou het moeten werken.
Ik dacht toch dat je altijd eerst de dikte, dan de style en dan de kleur moest doen.

o ja, waarom heb je 2x meta keywords en description?

X

XeNiUs

Legacy Member

• 21 mei 2006

• #8

waarom met aboslute positionering werken; meestal probs bij, je kan best met de float en de clear functie werken hoor

greetz

S

Skratz

Legacy Member

• 21 mei 2006

• #9

div.welcome {
position : absolute;
z-index : 0;
left : 0;
border-style : solid;
border-color : #d2d2d2;
width : 281px;
height : 240px;
border-width : 1px;
}
div.randompicture {
position : absolute;
z-index : 0;
left : 284px;
. background-image : url('http://www.windstyle.be/WARSOFT/afb/contentbars/bar_randompicture.jpg');
background-repeat : no-repeat;
width : 529px;
height : 240px;
padding : 0;
border-width : 1px;
border-style : solid;
border-color : #d2d2d2;
}

border moet border-width zijn, omdat ge eerder al border-style hebt gebruikt en ge door border te gebruiken uw volledige border opnieuw instelt.
als ge border voor border-style en border-color zet, werkt het ook.

ps uw meta, link en img tags zijn niet afgesloten.

Q

Quilombo

Legacy Member

• 21 mei 2006

• #10

doe gewoon

border: 1px solid #d2d2d2;

alles in één keer, veel simpeler