asd1dwqdwqd
Neues Mitglied
Hallo liebes Forum,
Ich habe ein Problem, ich möchte einfahc nur zwei Divs nebeneinander stellen die abhängig vom Inhalt der einen Seite gleich groß skaliert bleiben.
+ CSS:
Hier nochmal als JPEG.
Ichw eiß die Frage wurde schon oft behandelt, und ich habe sie auch schon oft gefunden. Das Problem ist jede Seite beschreibt einen anderen Löszungsweg, und keiner funktioniert so richtig bei mir. Ich habe daran zwei Tage verbracht, ich glaube ich bin grad ein bisschen zu blöd dafür. Es wäre sehr nett wenn jemand freundliches mir kurz sagen könnte wie ich es hinbekomme.
Gruß
Ich habe ein Problem, ich möchte einfahc nur zwei Divs nebeneinander stellen die abhängig vom Inhalt der einen Seite gleich groß skaliert bleiben.
HTML:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>444 Site down</title>
<link href="stylef.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="Wrap1">
<header><img class="header" style="margin:0;"src="../333/Img/main-inside-header-bg.jpg" width="960" height="176" alt=""/></header>
<div class="content">
<div class="navbar">
<ul class="navbarpanel">
<li><a class="wide" href="#">Hyperlink 1</a></li>
<li><a class="wide" href="#">Hyperlink 2</a></li>
<li><a class="wide" href="#">Hyperlink 3</a></li>
<li><a class="wide" href="#">Hyperlink 4</a></li>
</ul>
</div>
<div class="LeftPanel"><p>Lanegr text</p></div>
<div class="contentinside"><p>Größe passt sich an</p></div>
</div>
<footer>
</footer>
</div>
</body>
</html>+ CSS:
HTML:
@charset "utf-8";
/* CSS Document */
body {
background-color: #EFEFEF;
font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}
div.Wrap1 {
heigth: 100%;
width: 960px;
margin: 0;
padding-top: 0;
}
.header {
position: relative;
border-top-right-radius: 20px;
border-top-left-radius: 20px;
margin: 0;
}
div.content {
background-color: rgba(255,0,4,1.00);
overflow: hidden;
margin: 0;
}
div.navbar {
margin-top: -6px;
background-color: rgba(203,240,223,1.00);
height: 40px;
}
ul.navbarpanel {
margin: 0;
}
ul.navbarpanel li {
margin: 0;
clear: both;
display: inline-block;
transition-property: background;
transition-duration: 1s;
transition-timing-function: linear;
}
ul.navbarpanel li:hover {
margin: 0;
background-color: #FFFFFF;
}
li a {
margin: 0;
text-decoration: none;
color: #2F2F2F;
}
div.LeftPanel {
width: 10%;
float: left;
background-color: rgba(158,220,190,1.00);
padding: 2px;
heigth: 100%;
}
div.contentinside {
background-color: rgba(244,253,250,1.00);
padding: 2px;
padding: 20px;
}
footer {
margin: 0;
height: 176px;
background-color: rgba(210,237,248,1.00);
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
clear: both;
}Hier nochmal als JPEG.
Ichw eiß die Frage wurde schon oft behandelt, und ich habe sie auch schon oft gefunden. Das Problem ist jede Seite beschreibt einen anderen Löszungsweg, und keiner funktioniert so richtig bei mir. Ich habe daran zwei Tage verbracht, ich glaube ich bin grad ein bisschen zu blöd dafür. Es wäre sehr nett wenn jemand freundliches mir kurz sagen könnte wie ich es hinbekomme.
Gruß
