Wie teile ich den Inhalt-Bereich einer Website auf mit CSS?

[nero_85]

Ähm, dieses Seitengerüst hast du dir von ImageReady erstellen lassen! Oder?

Wenn ja, dann ist es besser du setzt dich hin und machst das neu! Vielleicht wirklich mehr mit CSS denn hier sind ja NUR tabellen!

 

[RaPhNiX]

Nicht direkt Image Reader...
Ich habe das Design in Photoshop erstellt und dort Slices eingezogen... geht das garnicht mit den Tabellen, oder ist es nur unpraktisch... das Problem ist, dass die Website am Sonntag fertig sein muss, weil seine Firma ONLINE vertreten sein muss...

was mach ich jetzt?

mfg RaPhNiX

 

[napsi]

Definiere 3 Klassen und stelle diese mit float an die entsprechende Position.

Ich denke, dass Du mit einem reinen CSS - Design vorallem bei Änderungen vor dem Roll-Out schneller reagieren kann.

Beispiel meines Projektes

#shortnews1 {
	border: 0px;
	height: 75px;
	width: 328px;
	float:left;
	padding-top:5px;
	padding-right:5px;
}

#shortnews2 {
	border: 0px;
	height: 75px;
	width: 329px;
	float:left;
	padding-top:5px;
	padding-right:5px;
}

#shortnews3 {
	border: 0px;
	height: 75px;
	width:308px;
	float:left;
	padding-top:5px;
	padding-right:5px;
}

<div id="shortnews1">
  		  <p><img src="img/bilder/dummy.jpg" alt="" align="left" class="pictureshortnews"><span class="shortnews1headline">Short News 1</span>
	  		<span class="shortnews1content"><br>
  		  Hier steht die Kurzform vom News2 wir testen weiter</span>	</p>
    		<p align="right" class="shortnews1headline">&lt;&lt;<a href="#">weiter</a>&gt;&gt;</p>
		</div>
	
		<div id="shortnews2">
  		  <p><img src="img/bilder/dummy.jpg" alt="" align="left" class="pictureshortnews"><span class="shortnews2headline">Short News 2</span>
	    	<span class="shortnews1content"><br>
  		  Hier steht die Kurzform vom News2 wir testen weiter</span>	</p>
	 	 	<p align="right" class="shortnews2headline">&lt;&lt;<a href="#">weiter</a>&gt;&gt;</p>
		</div>
	
		<div id="shortnews3" style="background-color:#009037;">
 		  <p><img src="img/bilder/dummy.jpg" alt="" align="left" class="pictureshortnews"><span class="shortnews3headline">Short News 3
	 		</span><span class="shortnews1content"><br>
  		  </span><span class="shortnews3content">Hier steht die Kurzform vom News2 wir testen weiter	</span></p>
	  		<p align="right" class="shortnews3headline">dfgsdfgdfg<a href="#" class="shortnews3headline">weiter</a></p>	
		</div>

Ich würde an Deiner Stelle einige Nachtschichten einlegen, macht sich bezahlt.

lg.
Napsi

 

[Maik]

Definiere 3 Klassen und stelle diese mit float an die entsprechende Position.

Womit wir wieder bei dem von mir empfohlenen Yet Another Multicolumn Layout | An (X)HTML/CSS Framework wären - siehe Post #3.