Centereren en left Probleem - Softwareontwikkeling

woensdag 2 mei 2007 20:00

Acties:

Verwijderd

Topicstarter

Hallo,

Ik heb dus een tempalte liggen die ik nu aan het scripten ben. Het porbleem: De header moet gecentreert worden in alle browsers het menu moet zowel links als rechts aan de uiteinden van de header beginnen. Nu is het probeelm ik kan wel left doen maar dan is het helmaal left en komt het niet uit met de header. Toen heb ik dan maar met padding gelijk gezet ... Maar o nee in Internet explorer niet gelijk in FF wel... Heeft iemadn een ideetje ? Ik heb ze nu even allebei left gezet Voorbeeld: www.bnc-sof2.com/temp/start.html

Code:

Cascading Stylesheet:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>[BNC] | Belgium Netherlands Clan And Others | bnc-sof2.com</title>

<style type="text/css">
<!--
body { 

    font-family:verdana ;
    color: #F8F8FF;
    background-color: #3D392D ;
    font-size:  12px;
    padding: 0px;
    margin: 0px;
    }
    
    a {color: #F8F8FF; text-decoration: none; }
    a:visited {color: #F8F8FF; }
    a:active {color: #F8F8FF; }
    a:hover {color: #FF8C00;font-weight: bold}
    
    
    #header {
    
    background-image : url(http://www.bnc-sof2.com/temp/images/header.gif);
  background-repeat : no-repeat;
    height: 132px;
    padding-top: 0px;
    background-postion: center ;

    }


    #onderdeelmenu {
    
    background-image : url(http://www.bnc-sof2.com/temp/images/onderdeelmenu.gif);
    height: 132px;
    padding-top: 0px;
    background-repeat : no-repeat;
    background-postion: left ;

    }


    

-->
</style>

</head>
<body>

        <div  id="header"></div>
        <div  id="onderdeelmenu"></div>

</body>
</html>

Bij voorbaad dank

$_/-\o_$ $_/-\o_$ $_/-\o_$

woensdag 2 mei 2007 21:00

Acties:

TeeDee

CQB 241

Dan zal je met Faux columns aan de slag moeten.
Hoe je dat doet? [google=faux columns]

Heart..pumps blood.Has nothing to do with emotion! Bored

dinsdag 8 mei 2007 17:06

Acties:

goMY

Wat misschien een snellere oplossing is, en ook wat nettere code aflevert, is om dit met een tekenpakket te doen.

Als je Photoshop of Paintshop Pro gebruikt kunt je met de Image Slicer de afbeelding indelen en vervolgens als html exporteren. De css/html/afbeeldingen worden dan automatisch aangemaakt. De padding aan de linkerzijde kunt je vervolgens aanpassen door padding-left in de body css mee te geven.

dinsdag 8 mei 2007 18:35

Acties:

Verwijderd

Ik kan je vertellen dat dat geen nettere code oplevert, niet eens fatsoenlijke code

[ Voor 19% gewijzigd door Verwijderd op 08-05-2007 18:36 ]

dinsdag 8 mei 2007 21:36

Acties:

goMY

Verwijderd schreef op dinsdag 08 mei 2007 @ 18:35:
Ik kan je vertellen dat dat geen nettere code oplevert, niet eens fatsoenlijke code

Hmmm, inderdaad.
Net even geprobeerd en alles wordt in een table gezet. Dacht dat de nieuwere versies wel wat nettere code zouden genereren. Had het zelf nog nooit echt gebruikt, maar weet ik dat ook weer