Kirjautuminen

Haku

Tehtävät

Kilpailu

Putka Open 2025
4. kierros:
7.11. klo 18 – 9.11. klo 23

Keskustelu: Nettisivujen teko: Tekstin skaalaus? (CSS)

timodemus [18.11.2007 10:25:30]

#

Miten tässä CSS-koodissa saisi #leftcolumn ja #rightcolumn -alueiden pituuden automaattisesti rightcolumnin materiaalin mittaiseksi?

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}
#wrapper {
 margin: 0 auto;
 width: 922px;

}
#header {
 color: #333;
 width: 900px;
 float: left;
 padding: 10px;
 border: 1px solid #ccc;
 height: 100px;
 margin: 10px 0px 0px 0px;
 background: #A8FBEE;
}
#leftcolumn {
 color: #333;
 border: 1px solid #ccc;
 background: #80ECA3;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 450px;
 width: 120px;
 float: left;
}
#rightcolumn {
 float: right;
 color: #333;
 border: 1px solid #ccc;
 background: #F9BA64;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 450px;
 width: 758px;
 display: inline;
}
#footer {
 width: 900px;
 clear: both;
 color: #333;
 border: 1px solid #ccc;
 background: #9293B8;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}

Ceox [18.11.2007 11:29:11]

#

Veikkaisin että laittamatta widthiä sinne ollenkaan, tai sitten widthin arvoksi 100%.
Kannataisi varmaan näyttää myös mitä nuo vastaavat itse HTML- koodissa.

timodemus [18.11.2007 11:43:51]

#

Sori, tarkoitin pituudella korkeutta.
Tässä index.html

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Sivu</title>
<link rel="stylesheet" type="text/css" href="main.css" />
</head>

<body background="back.jpg">
<br /><br /><br />

   <!-- Begin Wrapper -->
   <div id="wrapper">

         <!-- Begin Header -->
         <div id="header">

		       Otsikkopalkki

		 </div>
		 <!-- End Header -->

		 <!-- Begin Left Column -->
		 <div id="leftcolumn">

				Linkit

		 </div>
		 <!-- End Left Column -->

		 <!-- Begin Right Column -->
		 <div id="rightcolumn">

	                        Tekstiä

		 </div>
		 <!-- End Right Column -->

		 <!-- Begin Footer -->
		 <div id="footer">

			   Alatunniste

	     </div>
		 <!-- End Footer -->

   </div>
   <!-- End Wrapper -->

</body>
</html>

Vastaus

Aihe on jo aika vanha, joten et voi enää vastata siihen.

Tietoa sivustosta