WinFuture-Forum.de: Css 3 Spaleten Problemchen - WinFuture-Forum.de

Zum Inhalt wechseln

Nachrichten zum Thema: Entwicklung
Seite 1 von 1

Css 3 Spaleten Problemchen


#1 Mitglied ist offline   Party 

  • Gruppe: aktive Mitglieder
  • Beiträge: 501
  • Beigetreten: 16. Januar 04
  • Reputation: 0

geschrieben 12. August 2008 - 15:33

hi leute ich möchte ein CSS 3 Spalten layout mit kopf erstellen. nun so weit so gut.

hab das ganze nun gemacht möchte also
+----------------------+
+ Kopf +
+----------------------+
+1 |+ 2 |+3 +
+-----------------------

also kopf ist einfach width 100% funktioniert auch
1 und 2 sollten fixe größe von 150 haben und das 3te soll bis zum bildschirmrand
mein problem 1,3 hatte bis jetzt fixe größe und das mittlere war von links nach rechts

hab das jetzt probiert im IE funktionierts aber im FF gehts leider nicht glaub da ist irgendwas mit dem float falsch obwohl ich es schon gecleart hätte kann mir bitte jemand mal kurz unter die arme greifen und mir weiterhelfen.

vielen lieben dank für eure bemühungen.

Angehängte Datei(en)

  • Angehängte Datei  index.zip (683bytes)
    Anzahl der Downloads: 450

Dieser Beitrag wurde von Party bearbeitet: 12. August 2008 - 15:34

0

Anzeige



#2 Mitglied ist offline   MezzoX 

  • Gruppe: aktive Mitglieder
  • Beiträge: 382
  • Beigetreten: 14. Februar 08
  • Reputation: 1
  • Geschlecht:Männlich

geschrieben 12. August 2008 - 16:14

hab zum testen paar Farben und höhen rein gemacht, also net wundern.
sollte so in der art funktionieren:

<style type="text/css">
	body{
	margin:0; 
	padding:0;
	background: #0B0A08;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color: #909195;

}
#content{
	position:absolute;
	top:25%;
	width:100%;
	height:400px;
	background: #0B0A08;
	border-top:1pt solid #222222;
	border-bottom:1pt solid #222222;
}

	#content-top {
		margin:0; padding:0;
		height:50px;
		background:url("content-top-bg.gif")
	}
		
	#content-one {
		float:left;
		width:150px;
		margin:0; padding:0;
		font-size:80%;
		background-color:#990000;
		height:100px;
		}
	#content-three {
		float:left;
		width:150px;
		height:100px;
		font-size:80%;
		background-color:#000099;
		}
	#content-two {
		margin-left:300px; padding:0;
		font-size:80%;
		width:76%;
		height:100px;
		background-color:#009900;
		
	}

.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
}
</style>

Dieser Beitrag wurde von MezzoX bearbeitet: 12. August 2008 - 16:15

0

#3 Mitglied ist offline   Party 

  • Gruppe: aktive Mitglieder
  • Beiträge: 501
  • Beigetreten: 16. Januar 04
  • Reputation: 0

geschrieben 12. August 2008 - 16:51

vielen lieben dank
0

#4 Mitglied ist offline   Party 

  • Gruppe: aktive Mitglieder
  • Beiträge: 501
  • Beigetreten: 16. Januar 04
  • Reputation: 0

geschrieben 12. August 2008 - 20:12

jetzt hat sich noch eine andere frage ergeben ist es noch möglich das ganze vertik zu zentrieren? also von oben nach unten? das es mittig ist? zurzeit hab ich ja nur 25% von top runter

Dieser Beitrag wurde von Party bearbeitet: 12. August 2008 - 20:12

0

Thema verteilen:


Seite 1 von 1

1 Besucher lesen dieses Thema
Mitglieder: 0, Gäste: 1, unsichtbare Mitglieder: 0