mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mo 05.12.2016 11:33 Benutzername: Passwort: Auto-Login

Thema: [hilfe] DIV layout vom 26.07.2004


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [hilfe] DIV layout
Seite: Zurück  1, 2
Autor Nachricht
matt

Dabei seit: 06.05.2003
Ort: Köln
Alter: 35
Geschlecht: Männlich
Verfasst Mi 28.07.2004 09:11
Titel

Antworten mit Zitat Zum Seitenanfang

@sahnemuh
das sieht bei mir aber komisch aus.

hier so wie ich es machen würde, wenn es denn mit hintergrundgrafiken geht. bilder bitte selber machen Lächel

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
   "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
   <title></title>
   <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
</head>

<body>

<div style="width:600px;background:url(bg1.png)">
<div style="width:410px;margin:0;padding:0;float:left">
oben links<br />
oben links
</div>
<div style="width:180px;margin:0 0 0 410px;padding:0">
oben rechts<br />
oben rechts<br />
oben rechts
</div>
</div>

<div style="width:600px;background:#00FF00">
mitte
</div>

<div style="width:600px;background:url(bg2.png)">
<div style="width:410px;margin:0;padding:0;float:left">
unten links<br />
unten links
</div>
<div style="width:180px;margin:0 0 0 410px;padding:0">
unten rechts<br />
unten rechts<br />
unten rechts
</div>
</div>

</body>

</html>
  View user's profile Private Nachricht senden
sahnemuh

Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 35
Geschlecht: Männlich
Verfasst Mi 28.07.2004 09:15
Titel

Antworten mit Zitat Zum Seitenanfang

ja.. da sind aber keine 100% vom freien raum (weder vertikal noch horizontal) mit erreicht. es geht ja um eine komplett den browser "ausfüllende" seite und nicht darum das layout mit festen breiten zu gestalten.

ich bin mir durchaus bewusst, dass 100% angaben in divs nicht w3c konform und garnicht gern gesehen sind, genauso wie negative margins.. deswegen steht auch bewusst kein doctype in meinem dokument.
manchmal muss man halt um ein ordentliches ergebniss zu bekommen die regeln ein wenig "biegen" Lächel


Zuletzt bearbeitet von sahnemuh am Mi 28.07.2004 09:19, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Anzeige
Anzeige
matt

Dabei seit: 06.05.2003
Ort: Köln
Alter: 35
Geschlecht: Männlich
Verfasst Mi 28.07.2004 09:46
Titel

Antworten mit Zitat Zum Seitenanfang

Oh übersehen Lächel

Aber vertikal solls ja nachem Inhalt gehen und nicht immer 100% sein.

Dann so mit 2000px breiten Hintergrundbildern.

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
   "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
   <title></title>
   <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
</head>

<body>

<div style="width:100%;background:url(bg1.png) right">
<div style="width:190px;margin:0;padding:0;;float:right">
oben rechts<br />
oben rechts<br />
oben rechts
</div>
<div style="margin:0;padding:0">
oben links<br />
oben links
</div>
</div>

<div style="width:100%;background:#00FF00">
mitte
</div>

<div style="width:100%;background:url(bg2.png) right">
<div style="width:190px;margin:0;padding:0;;float:right">
unten rechts<br />
unten rechts
</div>
<div style="margin:0;padding:0">
unten links<br />
unten links<br />
unten links
</div>
</div>

</body>

</html>
  View user's profile Private Nachricht senden
 
Ähnliche Themen 3-spaltiges div-Layout in festem div macht Probleme
Probleme mit Layout - div im layout height="100%"
dreispaltiges div layout
... ein vernünftiges Div-Layout.
Umsetzung Layout Tab./DIV
div-Layout variabel gestalten?
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.