(HTML/CSS) clear:both ei toimi?

Discussion in 'Vapaata keskustelua' started by Efin, Jul 5, 2010.

Thread Status:
Not open for further replies.
  1. Efin

    Efin Member

    Joined:
    Oct 30, 2006
    Messages:
    3
    Likes Received:
    0
    Trophy Points:
    11
    Olen tekemässä siskolle ja tämän miehelle sivuja, mutta heidän pyyntönsä mukaan piti laittaa navigaatio sivun vasempaan laitaan. Tässä mitään ongelmaa ole ollut koskaan ennenkään, niin päätin toimia. Tälläpä kertaa perus css tyyli ei toimi, mikä on tähän mennessä toiminut aina (tai sitten olen vain tehnyt pienen virheen erheen jota en vain huomaa millään). Koodissa on 2 div tagia, jotka ovat vierekkäin, sekä kolmas div jonka pitäisi tasoittaa edelliset tasaiseksi. Jostain syystä tyylin clear:both ei suostu tekemään mitään.
    Kuten alla olevasta koodista huomaa, <div id="wrapper"> tyyli ei sisällä mitään. En usko että tästä olisi mitään virhettä tullut, mutta jos on, niin kertokaahan ihmeessä.

    Code:
    <title>Untitled Document</title>
<style type="text/css">
<!--
#main {
	margin: 0 auto;
	padding: 20px;
	width: 700px;
	border: 1px solid #0000FF;
}
#header {
	background-color: #CCCCCC;
	text-align: center;
	border: 1px solid #FF00FF;
}
#left {
	float: left;
	width: 150px;
}
#right {
	float: right;
	width: 500px;
	padding: 10px;
	border-left: 1px solid #000000;
}
#footer {
	background-color: #FFFF00;
	border: 1px solid #00FFFF;
}
.clear {
	clear: both;
}
-->
</style>
</head>

<body>
  <div id="main">
    <div id="header">
      <p>Content for New Div Tag Goes Here</p>
    </div>
    <div id="wrapper">
      <div id="left">
        <p>Content for New Div Tag Goes Here</p>
        <p>Content for New Div Tag Goes Here</p>
        <p>Content for New Div Tag Goes Here</p>
      </div>
      <div id="right">
        <p>Content for New Div Tag Goes Here</p>
        <p>Content for New Div Tag Goes Here</p>
      </div>
      <div class="clear"></div>
    </div>
    <div id="footer">
      <p>Content for New Div Tag Goes Here</p>
    </div>
  </div>
</body>
    Tyyleissä on myös border tyylit, koska halusin aluksi nähdä selaimissa, missä tarkalleen divit ovat ja menevät.

    Btw, näin hieman väsyneenä ja jyrpintyneenä en ainakaan huomannut omaa keskustelu threadia muualla, mihin tämän lykkäisi; jos jossain on, pahoitteluni.
     
    Efin, Jul 5, 2010
    #1
Thread Status:
Not open for further replies.

Share This Page