Pisitionering

  • Onderwerp starter Onderwerp starter ravo
  • Startdatum Startdatum
Status
Niet open voor verdere reacties.
R

ravo

Gebruiker
Lid geworden
16 apr 2008
Berichten
77
Hallo Dames en heren,

ik heb een website in CSS gemaakt en hij doet het helamaal.
alleen als ik de website op een andere laptop open of pc dan staat alles beetje door elkaar met andere woorden dan zie ik dat de menu beetje anders staat dan in werkelijkheid.
hie kan ik voor zorgen dat de website gewoon hetzelfde blijft kwa positionering of hoe het ook heet.

hoop dat ik mijn vraag duidelijk gesteld heb.

Alvast bedankt

Ravo

zie voorbeeld bijlage....
 

Bijlagen

  • Naamloos.jpg
    Naamloos.jpg
    52,6 KB · Weergaven: 21
Wel handig om wat code te geven...


Overgens: dit lijkt op een probleem met je container width. Dus, je hebt iets gezegd als, het menu moet in het midden staan. Ergens zal zoiets staan:
Code: 
margin: 0 auto;
of, in het geval van text (inline),
Code: 
text-align: center;
Als je dit weghaalt zou het menu links moeten blijven staan.
 
dit is de code van de Style..........
html {
height: 100%;
}
body {
position: relative; /* De rest is relatief t.o.v. de body */
height:100%;
width:1200px;
margin:0px;
margin-left: auto;
margin-right: auto;
border:0px solid gray;
color:black;
///background-image:url('img/barbie.gif');
background-color: #F8F8F8;
}

{
left: 100%;
}
/* hieronder begint het opmak van de header*/
#header {
position: absolute;
left: 5px;
right: 0px;
top: 0px;
height: 0px;
width:1200px;
}

#menu{
position: absolute;
left: 0px;
right:2px;
top: 122px;
width: 100%;
color:white;
background-color:white;
text-align: center;
}
#menu a{
float:right;
text-decoration:none;
color:white;
background-color:#202020 ;
padding:2.9px;
border:1px dotted;
border-color:#383838;
background: #FFCC33 url(img/header.gif) no-repeat;
left:0px;
right:0px;
width:141.6px;

}

#menu a:hover {
background-color:#180000 ;
color:orange;
}
#content{
position:absolute;
left:5px;
padding:0px;
bottom: 0px;
right: 0px;
top:150px;
overflow: auto;
width: 1195px;
border:0px;
background-color: #F8F8F8 ;
///background-image:url('img/bg.jpg');
}

en dit van de index.html....

menuuuuuuuuuu

<body>

<div id ="header">
<img class="header" src="img\logo.jpg" width="1195" height="121" align="center"/>
</div>

<div id="menu">
<a href="links.html">Links</a>
<a href="contact.html">Contact</a>
<a href="overons.html">Over Ons</a>
<a href="bezorgen.html">Bezorgen</a>
<a href="vacatures.html">Vacatures</a>
<a href="prijslijst.html">Prijslijst</a>
<a href="diensten.html">Diensten</a>
<a href="index.html">Home</a>
</div>
 
Hoi-hoi,
Met een {position:absolute;} wordt iets (meestal) absoluut neergezet ten opzichte van de linkerbovenhoek van het scherm. Dan staat dat element alleen maar bij een bepaalde beeldscherm-breedte in het midden!
Ik zou de absolute posities in de css dus maar eens wippen.

Met vriendelijke groet,
CSShunter
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan