[CSS] Met horizontaal scrollen valt Linker kant weg - Softwareontwikkeling

woensdag 31 maart 2004 17:10

Acties:

Semacode

Topicstarter

Ik ben voor het eerst begonnen om mijn tabellen te maken mbv CSS. Ik heb een probleem als ik de pagina kleiner maak dan valt de linker kant weg. Dit is niet de bedoeling want die zou moeten blijven staan. Ik heb goed gezocht maar kon niet vinden wat er veranderd zou moeten worden. Zouden jullie eens naar mijn code kunnen kijken en kijken wat ik zou kunnen doen om het wel voor elkaar te krijgen dat ik de linker kant zie.

code:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.container {
    z-index:1;
    position: absolute;
    left: 50%;
    margin-left: -350;
    top: 0;
    width: 700px;
    height: 100%;
    background-color: #000000;
    overflow: visible;
}
.content_left {
    z-index:2;
    position: absolute;
    left: 0;
    width: 150px;
    height: 100%;
    background-color: #CCCCCC;
    overflow: visible;
}
.content_right {
    z-index:2;
    position: absolute;
    right: 0;
    width: 150px;
    height: 100%;
    background-color: #CCCCCC;
    overflow: visible;
}
.content {
    z-index:2;
    position: absolute;
    right: 150;
    left: 150;
    top: 0px;
    width: 400px;
    height: 100%;
    background-color: #DDDDDD;
    overflow: visible;
}
.banner {
    z-index:3;
    position: absolute;
    left: 0;
    top: 0;
    width: 700px;
    height: 150px;
    background-color: #CCCCCC;
    overflow: visible;
}
.menu_left {
    z-index:3;
    position: absolute;
    left: 0;
    top: 150px;
    width: 150px;
    height: 100%;
    overflow: visible;
}
.menu_right {
    z-index:3;
    position: absolute;
    left: 0;
    top: 150px;
    width: 150px;
    height: 100%;
    overflow: visible;
}
-->
</style>
</head>
<body>
<DIV class="container">
<DIV class="content_left">
</DIV>
<DIV class="content">
</DIV>
<DIV class="content_right">
</DIV>
</DIV>
</body>
</html>

woensdag 31 maart 2004 17:15

Acties:

disjfa

be

Je container een vaste waarde geven, Je position absolutes weg gooien en een paar float:left erin zetten, En dan je spullen die je daarin wil zetten een goede waarde geven.

Bij je content zie ik een margin-left en right en dan ook nog eens een width erbij

En dan is een margin-left van 150..... een 150 van wat ? kan je beter 150px van maken.

Maar als je dit vrij net wilt hebben zou ik even kijken naar www.glish.com/css of gewoon wat verder verdiepen in css. imho zijn al die position absolutes erg vies.

disjfa - disj·fa (meneer)
disjfa.nl

woensdag 31 maart 2004 17:17

Acties:

T-MOB

dat ligt aan deze twee regels CSS:

code:

1 2	left: 50%; margin-left: -350;

Dat is een manier om je zut te centreren die ook in IE5 werkt met het door jouw omschreven nadeel. Wat je zou kunnen doen is het volgende

code:

body { text-align: center; }

.container {   
      /* z-index:1;
      position: absolute; 
    left: 50%;
    margin-left: -350; dees moeten dan dus weg */
      text-align: left;
      position: relative;
      top: 0;
      width: 700px;
      height: 100%;
      background-color: #000000;
      overflow: visible;
}

Dit zou ook enkel je container moeten centreren.

BTW heeft disjfa wel gelijk over je code.

[ Voor 4% gewijzigd door T-MOB op 31-03-2004 17:20 ]

Regeren is vooruitschuiven

woensdag 31 maart 2004 18:03

Acties:

Verwijderd

Centreren (cross browser, uiteraard)

woensdag 31 maart 2004 20:08

Acties:

Thomasje

Semacode

Topicstarter

disjfa schreef op 31 maart 2004 @ 17:15:
Je container een vaste waarde geven, Je position absolutes weg gooien en een paar float:left erin zetten, En dan je spullen die je daarin wil zetten een goede waarde geven.

Bij je content zie ik een margin-left en right en dan ook nog eens een width erbij En dan is een margin-left van 150..... een 150 van wat ? kan je beter 150px van maken.

Maar als je dit vrij net wilt hebben zou ik even kijken naar www.glish.com/css of gewoon wat verder verdiepen in css. imho zijn al die position absolutes erg vies.

Ik snap niet precies wat je hier mee bedoelt. Zou je mij verder kunnen helpen dat ik een goeie start maak met CSS. Ik heb al wat gezocht maar ik kan het niet echt vinden.

woensdag 31 maart 2004 21:02

Acties:

Verwijderd

Welk gedeelte snap je niet en wat snap je er niet aan? Als je alles vaag houdt kan het probleem nooit snel opgelost worden.

woensdag 31 maart 2004 23:23

Acties:

Thomasje

Semacode

Topicstarter

Verwijderd schreef op 31 maart 2004 @ 21:02:
Welk gedeelte snap je niet en wat snap je er niet aan? Als je alles vaag houdt kan het probleem nooit snel opgelost worden.

Wat er zo vies is aan mijn CSS en hoe ik dat dan netter kan maken