mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 25.04.2024 01:54 Benutzername: Passwort: Auto-Login

Thema: CSS Lazout an die CSS Freaks ;-)) vom 19.06.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> CSS Lazout an die CSS Freaks ;-))
Seite: Zurück  1, 2
Autor Nachricht
Benutzer 12165
Account gelöscht Threadersteller


Ort: -

Verfasst Di 19.06.2007 15:04
Titel

Antworten mit Zitat Zum Seitenanfang

ach rob heul doch nicht rum ... das Wetter ist viel zu schön *zwinker*)

hab mir sogar alle deiner Links angesehen und die Lösung gefunden *zwinker*)

html:
<div id="eins" >&nbsp;</div>
<div id="zwei">&nbsp;</div>
<div id="drei">&nbsp;</div>
<div id="vier">&nbsp;</div>

css:
#eins { position:absolute; top:30%;width:15%; background-color:#ff0000;float:left;}
#zwei { position:absolute; top:30%; width:15%; margin-left:15%;background-color:#ffff00;float:left;}
#drei { top:30%; position:absolute;width:15%; margin-left:30%; background-color:#00ff00;float:left;}
#vier { top:30%; position:absolute; width:15%; margin-left:45%;background-color:#0000ff; float:left;}

sonnige Grüße
 
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 19.06.2007 16:28
Titel

Antworten mit Zitat Zum Seitenanfang

Dirty South hat geschrieben:
hab mir sogar alle deiner Links angesehen und die Lösung gefunden *zwinker*)


Mag sein, ich finde die Lösung unschön und kompliziert. Daher nur dem Verständnis
wegen nochmal ein anderer Vorschlag.

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>...</title>
<style type="text/css">
* {
   margin: 0;
   padding: 0;
}
div#wrapper {
        overflow: hidden;
}
div#wrapper div {
   float: left;
   width: 20%;
}
</style>
</head>
<body>
   <div id="wrapper">
      <div>1</div>
      <div>2</div>
      <div>3</div>
      <div>4</div>
      <div>5</div>
   </div>
</body>
</html>


Zuletzt bearbeitet von m am Di 19.06.2007 16:29, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
 
Ähnliche Themen Flash-Freaks helft mir!
Frage an Web-Freaks wg. Bestellmöglichkeiten o Shopinterface
An alle Script-Junkies und -Freaks
Neues Thema eröffnen   Neue Antwort erstellen Seite: Zurück  1, 2
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.