IPB

Willkommen, Gast ( Anmelden | Registrierung )

> Höheneinstellung Von <div> Im Ie, min-height wird nicht interpretiert1
Worgan
Beitrag 07.12.2004 - 7:15
Beitrag #1


looks good


Gruppe: User
Beiträge: 67
Mitglied seit: 18.01.2004
Wohnort: Karlsruhe
Mitglieds-Nr.: 1.896
Hallo zusammen,

ich habe mal wieder ein Problem mit meinen DIV Boxen.
Auf meiner Seite habe ich eine Box in der Größe 800 px x 600 px. Darin liegt u.a. meine Menuebox, die die gleiche Höhe haben soll wie die Hauptbox.
Opera stellt mir das Ganze super dar, Firefox annehmbar und der ie kürzt mir die Box (height: auto), da er "min-height" nicht interpretiert. Gibt es hierfür eine Lösung?

HTML:

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content=
"text/html; charset=iso-8859-1">
<meta name="language" content="de">
<title>
Leistungen
</title>
<meta name="author" content="Martin">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
<link rel="stylesheet" href="Style/style_mw.css" type=
"text/css">
</head>
<body>
<div id="hintergrund">
<table class="Haupttabelle" cellpadding="0" cellspacing=
"0">
<tr height="100px">
<td colspan="4">
<img src=
"../Eventtechnik/www/Grafik/puresound_logo_website_800.gif"
width="780" height="102" border="0" alt="">
</td>
</tr>
</table>
<div id="textfeld">
</div>
<div id="untermenue">
<br>
&nbsp;
<br>
<a href="index.html">Start</a> <a href="wir.html">
Portrait</a> <a href="angebot.html">Leistungen</a> <a
href="news.html">Neues</a> <a href="links.html">Links</a>
<a href="kontakt.html">Kontakt</a> <a href="agb.html">
AGB</a> <a href="mailto:info@eventtechnik-weishaupt.de">
Email <img src="../Eventtechnik/brief.gif" width="11"
height="9" border="0" alt="Email"></a> <a href=
"impressum.html">Impressum</a>
</div>
</div>
</body>
</html>


CSS:

body {
background-color: #FFA500;
width: 100%;
height: 100%;
text-align: center;
margin: 0px 0px 0px 0px;
}

A:LINK {
background-color: transparent;
color: white;
display: block;
width: 130px;
text-decoration: none;
font-weight: 500;
font-size: 11px;
font-family: sans-serif;
line-height: 14px;
}

A:VISITED {
background-color: transparent;
color: white;
display: block;
width: 130px;
text-decoration: none;
font-weight: 500;
font-size: 11px;
font-family: sans-serif;
line-height: 14px;
}

A:HOVER {
background-color: orange;
color: black;
display: block;
width: 130px;
text-decoration: none;
font-weight: 500;
font-size: 11px;
font-family: sans-serif;
line-height: 14px;
}

A:LINK.untermenue {
background-color: smoke white;
color: blue;
display: block;
text-decoration: none;
font-weight: 500;
font-size: 11px;
font-family: sans-serif;
line-height: 12px;
}

A:VISITED.untermenue {
background-color: silver;
color: blue;
display: block;
text-decoration: none;
font-weight: 500;
font-size: 11px;
font-family: sans-serif;
line-height: 12px;
}

A:HOVER.untermenue {
background-color: orange;
color: black;
display: block;
text-decoration: none;
font-weight: 500;
font-size: 11px;
font-family: sans-serif;
line-height: 12px;
}
p {
background-color: transparent;
color: black;
text-decoration: none;
font-weight: 500;
font-size: 12px;
font-family: sans-serif;
line-height: 13,5px;
}
h1 {
background-color: transparent;
color: black;
text-decoration: none;
font-weight: 600;
font-size: 14px;
font-family: sans-serif;
line-height: 16px;
}
#hintergrund {
background-color: silver;
z-index: 0;
width: 780px;
height: 100%;
position: relative;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
padding: 0px 0px 0px 0px;
text-align: left;
min-height: 600px;
}

#untermenue {
top: 102px;
left: 0px;
height: auto;
width: 150 px;
background-color: gray;
position: absolute;
padding-left: 20px;
min-height: 498px;
}

#textfeld {
top: 180px;
left: 160px;
height: auto;
width: 620px;
background-color: transparent;
position: absolute;
}


table.Haupttabelle {
width: 100%;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px;
}

td.Menue_Leerspalte {
border-collapse: separate;
width: 20px;
background-color: Gray;
}

td.Menue {
border-collapse: separate;
width: 130px;
background-color: Gray;
}

td.Textfeld {
background-color: silver;
width: 650px:
text-align: left;
font: normal;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: 500;
}

tr.menue {
background-color: gray;
width: 100%;
text-align: center;
vertical-align: middle;
}
Go to the top of the page
 
+Quote Post
 
 Start new topic
Antworten
alfonx
Beitrag 07.12.2004 - 14:42
Beitrag #2


is getting harder


Gruppe: User
Beiträge: 17
Mitglied seit: 16.10.2003
Mitglieds-Nr.: 1.493
Hallo !

Wenn ich mal dazwischen fragen darf.

ZITAT(Ede @ 07.12.2004 - 11:30)
Lösungsvorschlag:
Aufbau mit DIV-Containern:
Headerbereich
Contentbereich mit gewünschter Höhe/Breite, darin
Menü mit float: left und
einem Container für den eigentlichen Seiteninhalt mit margin-left: Menübreite welcher sich dann rechts vom Menü anordnet.
Danach Footerbereich.


so habe ich es auch gemacht. Nur möchte ich gerne den Footerbereich "immer" unter dem Menübereich beginnen, egal wie kurz/breit der eigentliche Seiteninhalt-Container ist. Mit <br clear="all"> oder andere <br>'s bekomme ich das nicht hin.

Weiss jemand dazu eine Lösung ?

Gruß
alfonx
Go to the top of the page
 
+Quote Post

Beiträge in diesem Thema
- Worgan   Höheneinstellung Von <div> Im Ie   07.12.2004 - 7:15
- - Andreas   Blindgif?   07.12.2004 - 10:03
- - Ede   Hi Worgan, nett, dass du dein komplettes CSS hier...   07.12.2004 - 10:30
- - Conny   Yep, Ede's Beitrag möchte ich so bestätigen. (...   07.12.2004 - 12:27
- - alfonx   Hallo ! Wenn ich mal dazwischen fragen darf. ...   07.12.2004 - 14:42
- - Conny   Hallo, ich hatte mal eine Beispielseite gebastelt,...   07.12.2004 - 15:01
- - alfonx   ZITAT(Conny @ 07.12.2004 - 15:01)Hallo, ich h...   07.12.2004 - 15:42
- - Ede   Hi, Lies mal genau was ich geschrieben habe! ...   07.12.2004 - 16:14
- - Conny   Hallo, alles klar, das Problem ist -in Deinem Fall...   07.12.2004 - 16:57
- - Worgan   E ist doch jedesmal wieder erstaunlich wie schnell...   07.12.2004 - 17:14
- - Conny   ZITAT(Worgan @ 07.12.2004 - 17:14) E ist doch...   07.12.2004 - 17:30
- - Worgan   So weit so gut, ich habe jetzt die Vorschläge von ...   08.12.2004 - 15:21
- - Ede   Hi Martin, beim besten Willen, da steht viel zu v...   09.12.2004 - 10:51
- - Worgan   Asche über mein Haupt. Entschuldige bitte die Umst...   11.12.2004 - 12:24
- - Ede   Hi Martin, schön, dass es geklappt hat. Ich habe...   13.12.2004 - 9:15

« Vorhergehendes Thema · HTML · Folgendes Thema »
 

Reply to this topicStart new topic
1 Besucher lesen dieses Thema (Gäste: 1 | Anonyme Besucher: 0)
0 Mitglieder:

 

Anzeige Modus: Wechsle zu: Standard · Wechsle zu: Thema+ · Überblick

Thema abonnieren · Dieses Thema versenden · Dieses Thema ausdrucken · Forum abonnieren

RSS Vereinfachte Darstellung Aktuelles Datum: 09.07.2025 - 6:05
Powered By IP.Board 2.3.6 © 2025  IPS, Inc.
Licensed to: www.qhaut.de

taschenkalender
expertise-panel IPS Driver Error

IPS Driver Error

There appears to be an error with the database.
You can try to refresh the page by clicking here