Hallo,
Ben een beginnend CSS'er. Normaal design ik alleen namelijk en laat de rest aan iemand anders over.
Ik heb een probleempje met CSS.
In IE7 geeft de site heel veel ruimte aan de rechter kant:
Wat is hier fout aan?PHP Code:
html
{
margin: 0px;
padding: 0px;
background-image: url(images/bg.gif);
background-repeat: repeat-x;
background-color: #04b2f5;
}
body
{
margin: 0px auto;
}
div#header
{
background-image: url('images/header_bg.png');
background-repeat: repeat-x;
margin: 0px auto;
height: 239px;
position: relative;
}
#headerimg {
background-image: url('images/header.png');
margin: 0px auto;
height: 239px;
width: 1024px;
position: relative;
}
#header ul {
list-style: none;
position: relative;
top: 40px;
left: 640px;
overflow: hidden;
height: 27px;
}
#header ul li{
float: left;
}
#header ul li a {
color: #fff;
text-decoration: none;
display: block;
margin-top: 2px;
padding: 4px 2px 0 9px;
font-size: 87.5%;
height: 30px;
margin-right: 7px;
position: relative;
}
#header ul li a span {
display: block;
width: 7px;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
right: -7px;
}
#header ul li a:hover,
#header ul li a:focus,
#header ul li a.current {
background: transparent url(images/hilight-body.png) no-repeat;
}
#header ul li a:hover span,
#header ul li a:focus span,
#header ul li a.current span {
background: transparent url(images/hilight-end.png) no-repeat;
}
div#content
{
width: 733px;
margin:0px auto;
text-align:left;
border-right:1px solid #f2c011;
border-left:1px solid #f2c011;
background-color: #73baef;
}
#content img{
border:3px solid #000;
}
h1
{
font-family: Calibri;
font-size: 25px;
color: #00000;
font-weight: bold;
margin: 0;
padding: 5px 0px 0px 19px;
float: left;
}
h2
{
font-family: "calibri";
font-size: 12px;
color: #000000;
font-weight: normal;
margin: 0px auto;
padding: 30px 10px 0px 19px;
}
div#bottom
{
background-color: #f2c011;
height: 15px;
}
Je kan het zien op www.hipblog.nl
gr.
Rein
- Css foutje? | Beginnend css'er
-
10-03-2010, 17:16 #1
- Berichten
- 75
- Lid sinds
- 15 Jaar
Css foutje? | Beginnend css'er
-
In de schijnwerper
Zeelandvakantiehuizen.nl Te Koop.Website te koopLinks op het gebied van schoonmaak en gezondheid gezocht, betaald of ruil.LinkpartnersActie! €35 Blogplaatsing op Sanitopper.nl 1500-2000 bezoekers p/m DR38, PA38 en DA58LinkpartnersGeef je websites 24/7 klantenservice met SiteCompanion's AI chatbot pluginPromotie -
10-03-2010, 17:18 #2
- Berichten
- 393
- Lid sinds
- 15 Jaar
Center een oplossing? Heb geen IE7!
-
10-03-2010, 17:20 #3Particulier
- Berichten
- 394
- Lid sinds
- 15 Jaar
Je moet een container aanmaken. Die een vaste breedte meegeven. En daar margin: 0px auto in zetten:
PHP Code:#container {
width: 500px;
margin: 0px auto;
}
Die div(container) moet je als eerste aanroepen
Code:<body> <div id="container"> ....hier alle andere divs </div> </body
-
10-03-2010, 17:40 #4
- Berichten
- 75
- Lid sinds
- 15 Jaar
Super bedankt!
Aanvullend bericht:
Ik heb alsnog een probleem, want nu loopt de header niet meer door...Laatst aangepast door Reinaud Schreur : 10-03-2010 om 17:43 Reden: Automatisch samengevoegd.
-
13-03-2010, 14:36 #5
- Berichten
- 49
- Lid sinds
- 15 Jaar
Container width in 100% veranderen verhelpt dat als het goed is.
-
13-03-2010, 15:37 #6
- Berichten
- 361
- Lid sinds
- 15 Jaar
je kan ook gewoon de body een width meegeven en voor de rest de code gebruiken die je hebt gepost, wat Luuk/Remi zeggen kan natuurlijk ook.
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic