Logos, tabellen oder sonstiges verschieben

Logos, tabellen oder sonstiges verschieben

Beitragvon susiloewe » 03.01.2008, 10:12

Hallo,

also ich bin neu hier und kenn mich leider noch nicht aus. Hab vor einigen Tagen meine Homepage angefangen und wenn ich sie nun im internet explorer öffne dann verzieht es mir das logo (www.kinderinfos.net)
Ich habe versucht das "Logo" wo (home, kinderwunsch, schwanger, bilder, forum) drin steht weiter nach rechts zu verschieben bekomme es aber nicht hin. ich kopier mal die css rein. ich hoffe ihr könnt mir helfen...

body {
margin: 20px 0;
padding: 0;
background: #CC66FF url(images/img01.gif) repeat-y center;
font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #663333
}

h1, h2, h3 {
margin: 0;
text-transform: lowercase;
font-weight: normal;
}

h2 {
font-size: 2em;
}

h3 {
font-size: 1.4em;
}

img {
border: none;
}

a {
color: #CC3333;
}

a:hover {
text-decoration: none;
color: #000033;
}

/* Header */

#header {
width: 740px;
height: 160px;
margin: 0 auto;
}

/* Logo */

#logo {
float: left;
width: 260px;
height: 160px;
background: url(images/img02.gif) no-repeat;
}

#logo h1 {
padding: 50px 0 0 15px;
letter-spacing: -.05em;
font-size: 2.4em;
}

#logo h2 {
font-size: 1.8em;
}

#logo a {
text-decoration: none;
color: #660066;
}

/* Menu */

#menu {
float: right;
width: 431px;
height: 50px;
margin: 50px 35px 0 5px;
background: #99CC00 url(images/img05.gif);
}

#menu ul {
margin: 0;
padding: 0 0 0 1em;
list-style: none;
}

#menu li {
display: inline;
}

#menu a {
display: block;
float: left;
padding: .5em .7em;
text-decoration: none;
text-transform: lowercase;
letter-spacing: -1px;
font-size: 1.3em;
color: #000000;
}

#menu a:hover {
background: #FF9900;
}

#menu .active a {
}

/* Content */

#content {
width: 740px;
margin: 0 auto;
}

/* Posts */

#posts {
float: right;
width: 440px;
padding: 0 30px 0 0;
}

.post {
margin-bottom: 10px;
}

.post .title {
padding: 0 0 5px 20px;
color: #0066FF;
}

.post .meta {
margin-left: 10px;
padding: 10px 20px;
background: url(images/img06.gif) no-repeat;
font-size: smaller;
}

.post .meta p {
margin: 0;
}

.post .story {
padding: 10px 20px;
line-height: 180%;
}

/* Sidebar */

#sidebar {
float: left;
width: 240px;
}

/* Boxed */

#sidebar .boxed {
width: 240px;
padding: 0 0 3em 0;
background: #FFCC00 url(images/img04.gif) no-repeat left bottom;
}

#sidebar .boxed h2 {
height: 40px;
padding: 10px 0 0 30px;
background: url(images/img03.gif) no-repeat;
font-size: 2em;
color: #000000;
}

#sidebar .boxed .content {
color: #000000;
}

#sidebar .boxed ul {
}

#sidebar .boxed li {
}

#sidebar .boxed a {
text-decoration: none;
color: #660033;
}

#sidebar .boxed a:hover {
color: #FF9900;
}

/* Tag Cloud */

#tagcloud {
}

#tagcloud .content {
padding: 1em;
text-align: justify;
font-size: .8em;
}

#tagcloud .content a {
color: #FFFFFF;
}

#tagcloud .content a:hover {
color: #3399FF;
}

/* Footer */

#footer {
clear: both;
width: 200px;
margin: 0 auto;
padding: 0 520px 0 20px;
}

#footer p {
color: #FFFFFF;
}

#footer a {
color: #FFFFFF;
}
susiloewe
neu hier
 
Beiträge: 2
Registriert: 03.01.2008, 10:04

Beitragvon designfjord » 05.01.2008, 22:56

.... und wenn ich sie nun im internet explorer öffne dann verzieht es mir das logo (www.kinderinfos.net)

Finde ich nicht, schaut in Opera und Firefox genauso aus. Welcher MSIE ist es denn ?
Ich habe versucht das "Logo" wo (home, kinderwunsch, schwanger, bilder, forum) drin steht weiter nach rechts zu verschieben bekomme es aber nicht hin...

Also ich denke Rechts davon ist einfach kein Platz mehr, wenn ich richtig gezählt habe; dein Header ist "nur" 740px breit!
designfjord
neu hier
 
Beiträge: 1
Registriert: 05.01.2008, 22:51

Beitragvon susiloewe » 07.01.2008, 13:29

vielen dank....habs gelöst....viele grüße susiloewe
susiloewe
neu hier
 
Beiträge: 2
Registriert: 03.01.2008, 10:04


Moderatoren: Laus, Moderatoren

Ähnliche Beiträge zu "Logos, tabellen oder sonstiges verschieben"

Zurück zu: CSS für Anfänger

Wer ist online?

Mitglieder in diesem Forum: Google [Bot] und 1 Gast