PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
L

Cross browsers

Door Lissy Pixel op 10-03-2006 09:52
954 views
De SITE is perfect te zien in Firefox en zo moet het ook eruit zien maar kijk je dan in IE dan zie je wat anders.
Ik heb de validatie gedaan en kreeg dit:
Gefeliciteerd!

Om alles naar behoren te laten werken is het noodzakelijk dat uw document een correcte grammaticale opbouw heeft Dit betekent dat u correct HTML dient te gebruiken.

Maar ja de eigenaresse die dus in IE kijkt ziet niet de correcte site.
Wie heeft hulp voor me om zowel in IE als in Firefox dezelfde lay-out te hebben?
Erik Rijk
10-03-2006 10:09
Lissy,

Ik heb momenteel enkel toegang tot IE op mijn stage.
kan je ongeveer uitleggen wat de verschillen zijn tussen IE en FF?

Mvg,

Erik
-
- wes -
10-03-2006 10:21
divjes navigatie(links) en main(rechts daarnaast) komen onder elkaar te staan
L
Lissy Pixel
10-03-2006 10:21
Ga ik proberen of weetje wat ik maak een screenshot en zet die met 1 minuutje hier neer.
L
Lissy Pixel
10-03-2006 10:25
Dus in firefox staan de linken mooi links en de tekst de # content staat rechts.
In IE gaat de # content naar onderen dus de link div breedte is de gehele pagina.

Ik hoop dat ik zo een beetje duidelijk ben?
Erik Rijk
10-03-2006 10:27
ja ik snap het.

kan je de css van je div even copy pasten hier?
Willem Jan Z
10-03-2006 10:34
Lissy, met 1200*1024 staat alles bijna goed in IE, pas als ik scherm kleiner maak komt er eronder te staan.
Martijn Wieringa
10-03-2006 10:42
Ik denk dat het het eenvoudigste is op te lossen door de MENU/CONTENT div's niet met 'float' te positioneren, maar via absolute waarden. dan krijg je ze gegarandeerd goed naast elkaar. (maar loop je misschien wel weer tegen andere problemen op)

#menu
{
position: absolute;
top: 50px;
left: 0px;
}

#content
{
position: absolute;
top: 50px;
left: 200px;
}
L
Lissy Pixel
10-03-2006 10:48
Erik schreef op 10.03.2006 10:27
ja ik snap het.

kan je de css van je div even copy pasten hier?


Uiteraard komt ie:

html, body {
margin : 0;
padding : 0;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style : normal;
font-weight : bold;
position: relative;
width : 100%;
height: 100%;
background: url("../images/bg1.jpg");

}

#container {
margin: 0px auto;
width: 95%;
height: 95%;
text-align: left;
border-bottom: 0px solid black;
border-left: 0px solid black;
border-right: 0px solid black;
border-top: 0px solid black;
/*background: url("../images/bg1.jpg");*/
}

#bovenkant {
height: 30%;
width: 100%;
text-align: center;
background-color: #a4b3d0;
border-bottom: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
border-top: 0px solid black;
}

#links {
width: 14%;
float: left;
margin-left:20px;
margin-right:10px;
margin-top:10px;
margin-bottom:10px;
/* De volgorde is, top, right, bottom, left. */
padding : 10px 10px 10px 20px;
border-bottom: 0px solid black;
border-left: 0px solid black;
border-right: 0px solid black;
border-top: 0px solid black;
/* background: url("../images/bg1.jpg");*/
}

#content {
margin-left: 5%;
overflow: auto;
height: 85%;
text-align: justify;
border-bottom: 0px solid black;
border-left: 0px solid black;
border-right: 0px solid black;
border-top: 0px solid black;
/*background: url("../images/bg1.jpg");*/
}
L
Lissy Pixel
10-03-2006 10:48
Pholeron schreef op 10.03.2006 10:42
Ik denk dat het het eenvoudigste is op te lossen door de MENU/CONTENT div's niet met 'float' te positioneren, maar via absolute waarden. dan krijg je ze gegarandeerd goed naast elkaar. (maar loop je misschien wel weer tegen andere problemen op)

#menu
{
position: absolute;
top: 50px;
left: 0px;
}

#content
{
position: absolute;
top: 50px;
left: 200px;
}


Dit ga ik proberen dank je wel voor de hulp :)

Reageren

Inloggen om te reageren