[CSS] Div lager zetten / Div achtergrondkleur probleem - Softwareontwikkeling

dinsdag 5 december 2006 21:50

Acties:

Topicstarter

Hallo!

Ik heb 2 problemen met een code voor mijn website

Ben beginnende CSS-er, dus don't hit me.
Ik kan de oplossing van deze problemen niet echt vinden.

Ik heb een website, met een Div die als header dienstdoet. In die header komen de mooie plaatjes, die ook Div's zijn. Nu is één van die plaatjes/divs niet zo hoog als de originele Header-div waar deze in komt. Nu word het plaatje-div omhoog ge-aligned.... ik heb gezocht of er zoiets is als een verticale alignment, maar daar kan ik niets over vinden... (of ik zoek totaal verkeerd)

Als 2e heb ik een andere vraag: Deze div met het plaatje had ik een achtergrond gegeven. Nu ik deze achtergrond wil veranderen verdwijnt ineens mijn hele div??? das wel érg vreemd, omdat het met de eerste kleur gewoon werkt...?

hier is mijn code

code:

body{
                        margin: 0;
                        text-align: center;
                        background-color: #8C8C8C;
                        }
                        
                        #main_container{
                        margin: 0 auto 0 auto;
                        width: 650px;
                        height: 100%;
                        text-align: left;
                        }
                        
                        #header{
                        background-color: #ECECEC;
                        width: 650px;
                        height: 75px;
                        }
                        
                        #main{
                        background-color: #ECECEC;
                        float: left;
                        width: 549px;
                        height: 479px;
                        margin-bottom: 20px;
                        border-left: 1px solid #000000;
                        border-bottom: 1px solid #000000;
                        overflow: auto;
                        }
                        
                        #right{
                        background-color: #3F3F3F;
                        float: left;
                        width: 100px;
                        height: 500px;
                        }
                        
                        #bottom{
                        clear: both;
                        background-color: #ECECEC;
                        width: 650px;
                        height: 75px;
                        border: 1px solid #000000;
                        }
                        
                        #logo_top{
                        left: 20px;
                        float: right;
                        background: #cc1a1a url(logo_01.gif) top right;
                        height: 56px;
                        width: 150px;
                        }
                        
                        #logo_left{
                        float: right;
                        background: #cc1a1a url(logo_02.gif) no-repeat 0 0;
                        height: 125px;
                        width: 50px;
                        }
                        
                        #logo_right{
                        float: right;
                        background: #cc1a1a url(logo_03.gif) no-repeat;
                        height: 125px;
                        width: 100px;
                        }
                        
                        #name{
                        float: left;
                        background: #8e0e0e url(name.gif) no-repeat;
                        height: 75px;
                        width: 344px;
                        }

code:

<body>
        
        <div id="main_container">
                <div id="header">
                    <div id="name"></div>
                    <div id="logo_top"></div>
                    </div>
                <div id="main">
                    <div id="logo_left"></div>
                </div>
                <div id="right">
                    <div id="logo_right"></div>
                    </div>
                <div id="bottom">box 5</div>
    </div>

    </body>

Alvast bedankt

-[ Het Kwartjuh Valt... ]-

dinsdag 5 december 2006 23:27

Acties:

stevenP

Ik denk dat je een hele hoop overbodige meuk aan de kant moet ruimen.
Je opent div's in divs, puur voor een plaatje.. Kan je niet gewoon het plaatje als achtergrond zetten van de parent div?

Cascading Stylesheet:

1	background: url(image1.gif) 34px 50px no-repeat #FFFFFF;

Dit zou hij moeten pakken.. Dus dan heb je in je volledige div #FFFFF als achtergrondkleur, en beginnend op plek (34,50) in de div (dit zijn allemaal voorbeeldjes hey;)) begint je image1.gif als achtergrond.

Gasloos! 3100Wp Z, 2150Wp W, Panasonic 5J monoblock, Panasonic 150L WPB

woensdag 6 december 2006 11:45

Acties:

Kwartjuh

Topicstarter

Ok, das mischien een tikje handiger inderdaad

dacht dat je plaatjes voor je lay-out op deze manier moest plaatsen

Thx
Hoe kan ik nu meerdere plaatjes in 1 div gooien?

-[ Het Kwartjuh Valt... ]-