Tom's Hardware: Thema HTM/CSS Probleme mit Ansicht in verschiedenen Auflösungen!
Mainboards für Core i5 & i7
Statt X58 geht’s mit dem P55 billiger
Die neuesten Produkte von GIGABYTE hier im Überblick
Tom's Hardware > Foren > Eigene Website, Hosting, Webdesign, Programmieren > HTM/CSS Probleme mit Ansicht in verschiedenen Auflösungen!
Tom's Hardware: 1,4 Mio. Mitglieder aus 6 verschiedenen Ländern beantworten alle Ihre Fragen über Computer-Technik und IT.
Um Hilfe zu erhalten, registrieren Sie sich kostenlos!
Hi zusammen!
Ich habe ein kleines Problem. Und zwar muss och von der Schule aus eine HTML Site basteln. Diese Site muss genau 2 Div`s enthalten. Und zwar ein div am linken Rand und ein Div als groser "Block" in der Mitte für den Inhalt. Soweit so gut. Doch nun habe ich das Problem, dass die Site auf anderen Aufösungen voll verzogen wird. Ausserdem sollten das Menu( div m linken Rand) und das grössere div in der Mitte beim verkleinern des Browser Fensters auomatisch angepasst weren ohne das sich die Page wieder verzieht.
Kann mir da jemand einen tipp geben?
Danke euch bereits im voraus für eure Hilfe.
Hier noch mein Code:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Linux Tutorials</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
<style type="text/css">
</style>
</head>
<body>
<center>
<div id="site">
<div></div>
<div id="menü" style="left:10%; top: 9%" class="style1">
<img src="dbuob.jpg" class="style2"/>
<a href="index.htm"> Home «</a><br/>
<a href="login.htm"> Login «</a><br/>
<a href="benutzerid.htm"> Benutzer ID «</a><br/>
<a href="adduser.htm"> add user «</a><br/>
<a href="impressum.htm"> Impressum «</a><br/>
</div>
<div id="inhalt">
<img src="linux1.jpg"/>
<h1>Login</h1>
<p>Test</p>
</div>
</div>
</center>
</body>
</html>
Und mein CSS File :
/* Navigation--------------------------------------------------------------------------------------------------*/
a {
font-family:Arial, Helvetica, sans-serif;
color:white;
font-size:14px;
padding-right:10px;
line-height:30px;
letter-spacing:1px;
}
a:hover {
background-color:white;
color:black;
font-size:25px;
font-weight:bold;
}
/* Linkformatierung aufheben--------------------------------------------------------------------------------------*/
a:link {
text-decoration:none;
}
a:visited {
text-decoration:none;
}
/* überschrift 1----------------------------------------------------------------------------------------------------*/
h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:35px;
color:black;
letter-spacing:2px;
margin-bottom:12px;
}
/* body---------------------------------------------------------------------------------------------------------------*/
body {
background-color:black;
text-align:center;
margin-top:7%;
}
/* links----------------------------------------------------------------------------------------------------------------*/
#site {
width:714px;
height:614px;
text-align:center;
margin:auto;
}
/*logo und Menü-----------------------------------------------------------------------------------------------------------*/
#menü {
position:absolute;
width:200px;
height:350px;
text-align:right;
}
/*Bilder navigation---------------------------------------------------------------------------------------------------------*/
#bildnavi {
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#999999;
}
#bildnavi:hover {
color:#CC0000;
cursor
ointer;
}
/*inhalt--------------------------------------------------------------------------------------------------------------------*/
#inhalt {
float:left;
height:auto;
width:500px;
padding:7px;
background-color:white;
text-align:left;
position:absolute;
}
p {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#222222;
padding:6px;
}
Nachricht bearbeitet von Trinity888 am 25.08.2009 um 15:02:05
Google Anzeigen
Anzeige
Die folgenden Community-Mitglieder erhielten Auszeichnungen!
Wir gratulieren:
- 01:00 Z28LET hat das Abzeichen Leser erhalten
- 01:00 Metalfreak hat das Abzeichen Niedergelassen erhalten
- 01:00 Anatorax hat das Abzeichen Niedergelassen erhalten
- 09:51 Jokerman hat das Abzeichen Kolumnist erhalten
- 01:00 Heide hat das Abzeichen Späher erhalten
- 20:34 djm193 hat das Abzeichen Kolumnist erhalten
- 01:00 nix_klappt hat das Abzeichen Leser erhalten
- 01:00 Eminenz hat das Abzeichen Niedergelassen erhalten
- 01:00 gefahrensucher hat das Abzeichen Niedergelassen erhalten
- 01:00 gefahrensucher hat das Abzeichen Leser erhalten
Anzeigen