1. Tämä sivusto käyttää keksejä (cookie). Jatkamalla sivuston käyttämistä hyväksyt keksien käyttämisen. Lue lisää.

(HTML/CSS) clear:both ei toimi?

Viestiketju Vapaata keskustelua -osiossa. Ketjun avasi Efin 06.07.2010.

Viestiketjun tila:
Viestiketju on suljettu.
  1. Efin

    Efin Member

    Liittynyt:
    30.10.2006
    Viestejä:
    3
    Kiitokset:
    0
    Pisteet:
    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ä.

    Koodi:
    <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, 06.07.2010
    #1
  2.  
Viestiketjun tila:
Viestiketju on suljettu.

Jaa tämä sivu