Kjapp og trygg hosting for Wordpress

CSS hjelp på en wordpress side.

picxx

picxx

Well-Known Member
Jeg er ingen ræser i css, så når jeg fikset siden slik jeg ville ha den i FF ble selvsagt resultatet noe helt annet i IE.
Om du titter på siden VIP- Reiser Thailand i FF og IE vil du enkelt kunne se problemet.

Om dette er omfattende endringer, eller du ønsker betalt for hjelpen/jobben skal jeg selvsagt betale for dette.
Stilarket til designet er her:

Kode: 
/**
Theme Name:Blue Start
Version:1.0
Author:Pedja and Misbah
Description:Premium WordPress Themes
Tags:2 columns, 3 colors, Image slider, Featured post and video, Fancy tabs widget
*/
@import url('css/reset.css');
@import url('css/default.css');
@import url('css/dropdown-nav.css');
@import url('css/glide.css');
@import url('css/slide.css');
@import url('css/comments.css');
@import url('css/widgets.css');
body {
	background-color:#FFFFFF;
	font:normal 12px Verdana;
	line-height:20px;
	color:#010000;
	margin:0;
}

a { color:#7c7c7c; }

a:hover { color:#7c7c7c; }

.clear { clear:both; }

.clearleft { clear:left; }

small { font-size:9px; }

ul li { list-style:none; }

#wrapper {
	background:transparent url('./images/wrapper-bg.gif') repeat-y 0 0;
	width:1002px;
	margin:0 auto;
	padding:0 9px;
}

/* header */
#header-top {
	background-color:#ffffff;
	color:#FFFFFF;
}

.menu {
	width:1002px;
	overflow:hidden; 
}

#page-menu {
	background-color:#000000;
	float:left;
}

#page-menu a, #rss-link a { color:#ffffff; }

#page-menu a:hover, #page-menu a:visited, #rss-link a:hover, #rss-link a:visited  { color:#7C7C7C; }

#page-menu ul {
	display:block;
	height:5px;
	padding-left:5px;
}

#page-menu li {
	display:block;
	float:left;
	line-height:40px;
	height:40px;
	margin:0 1px;
	padding:0 10px;
}

.rss-link, #feedburner-link {
	background:transparent url('./images/feed-icon-14x14.gif') no-repeat 0 50%;
	display:block;
	float:right;
	height:40px;
	padding:0 15px 0 20px;
	line-height:40px;
}

#feedburner-link { background-image:url('./images/Email_icons_084.gif'); }

#header-content {
	background:#FFFFFF url('./images/header-content-bg.gif') repeat-x 0 0;
	height:60px;
	padding:15px 10px;
}

#branding { overflow:hidden; }

#blog-title {
	font:normal 23px Arial, Verdana;
	text-transform:uppercase;
}

#blog-title a { color:#000000; }

#blog-description {
	font-size:13px;
	color:#7C7C7C;
	text-transform:uppercase;
}

#top-adv {
	float:right;
	width:480px;
	height:120px;
	overflow:hidden;
}

#category-menu{
	background-color:#7C7C7C;
	height:40px;
	margin:0;
	padding-right:9px;
}

#category-menu ul li {
	float:left; 
	display:block; 
	padding-left:0; 
	height:40px;
	line-height:40px;
}

#category-menu ul li a:link,#category-menu ul li a:visited, #category-menu ul li a:active  {
	height:40px;
	display:block;
	color:#FFFFFF;
	font-size:13px;
	padding:0px 10px;
	float:left;
	margin:0 1px;
}

#category-menu .nav { float:left; }

/* simple form */
.simple-form {
	margin-top:7px;
	padding:0;
	background:transparent url('./images/simple-form-bg.gif') no-repeat 0 0;
	float:right;
	width:186px;
	height:27px;
	position:relative;
}

.input-text,.input-submit {
	border:medium none;
	background:transparent;
	position:relative;
	color:#000000;
}

.input-text {
	left:7px;
	top:1px;
	width:135px;
}

.input-submit {
	width:33px;
	height:19px;
	padding:0;
	left:10px;
	top:4px;
	cursor:pointer;
}

/* container */
#container {
	padding:10px;
}

#top-container {
	margin-bottom:10px;
}

.box, #secondary .widget {
	background-color:#4D4D4D;
	padding:7px;
}

.smallbox, #secondary .widget { width:286px; }

.box-title, #secondary .widget-title {
	font-size:16px;
	color:#FFFFFF;
	margin-bottom:5px;
}

.box-content, #secondary .widget-content {
	background-color:#7C7C7C;
	border:1px solid #000000;
	padding:3px 7px;
	color:#BABABA;
	line-height:17px;
}

.box-content li, #secondary .widget-content li {
	border-bottom:1px dashed #FFFFFF;
	margin-bottom:5px;
	padding-left:2px;
}

.box-content a, #secondary .widget-content a { color:#FFFFFF; }

#featured-posts-wrapper {
	width:983px;
	float:left;
}

.post .thumbnail {
	float:left;
	border:1px solid #7C7C7C;
	padding:5px;
	margin-right:5px;
}

.post .title {
	font:normal 20px Arial, Verdana;
	color:#7C7C7C;
	margin-bottom:5px;
}

.post .title a { color:#7C7C7C; }

.post .title a:hover { color:#000000; }

#recent-entries { float:right; }

#image-slider {
	padding:17px 12px;
	background-color:#7C7C7C;
	margin-bottom:10px;
}

/* content */
#content {
	width:665px;
	float:left;
        background-color:#E0FEE4;
}

.pagetitle { font-size:15px; }

#content .post { margin-bottom:10px; }

.entry-meta { color:#7C7C7C; }

.entry-meta a { color:#4D4D4D; }

.entry-meta a:hover { color:#000000; }

#content .read-more {
	background-color:#7C7C7C;
	display:block;
	text-align:center;
	color:#FFFFFF;
	width:75px;
	padding:5px;
}

#nav-next-post { float:left; }

#nav-prev-post { float:right; }

/* sidebar */
 #sidebar {
	width:310px;
	float:right;
}

#sidebar #primary {
	float:left;
	width:250px;
}

#sidebar #secondary {
	float:right;
	width:300px;
}

#secondary .widget-content li { padding:3px 2px 11px; }

#sidebar #primary .widget-title, #footer-content .widget-title {
	font-size:16px;
	border-bottom:3px solid #7C7C7C;
	padding-bottom:3px;
	margin-bottom:3px;
}

#sidebar #primary li li {
	border-bottom:1px solid #000000;
	padding:7px 0;
}

#sidebar .widget { margin-bottom:10px; }

/* footer */
#footer-top {
	background-color:#4D4D4D;
	color:#FFFFFF;
	padding:0 10px;
	height:40px;
}

#other-logo {
	float:right;
	width:780px;
	text-align:right;
	overflow:hidden;
	line-height:40px;
}

#footer-content {
	background-color:#7C7C7C;
	padding:10px 0;
}

.footer-widget {
	float:left;
	width:300px;
	padding:0 16px;
}

#footer-content { margin:0 auto; }

#footer-content a { color:#FCFCFC; }

#footer-content li {
	background:transparent url('./images/bullet-light.gif') no-repeat 0 11px;
	padding:7px 0 7px 15px;
}

#footer-content li li { padding:7px 15px 0; }

#footer-content .widget-title { color:#FFFFFF; }

#footer-bottom {
	height:30px;
	background-color:#000000;
	text-align:center;
	font-size:11px;
	color:#FFFFFF;
	line-height:30px;
}

Takker på forhånd for all hjelp og gode forslag.

:)
 
Hupsey

Hupsey

Medlem
Har Ie6 på jobb, og det ser ut som det er bredden på sidbar boksene som er problemet i Ie6.
overflow:hidden kan kanskje få boksene til å gli inn?
Om du bruker widgets for å legge innhold i boksene, kan det være at det er en CSS verdi på selve widgeten som overstyrer CCS på stilarket ditt?
 
Mr Vest

Mr Vest

Sjefen over alle sjefer!
Jeg ser i kildekoden at du har <div id="header"> der men denne finnes ikke noen steder i stilarket ditt. Om du legger til noe slikt:

#header {
height:XXXpx;
}

og bytter height med akkurat hvor høy du vil ha denne headeren kan det kanskje være noe. Det som ser "feil" ut her hos meg er høyden på headeren altså, men så kan det vel også være jeg har sett feil.
 
picxx

picxx

Well-Known Member
Mr Vest skrev:
og bytter height med akkurat hvor høy du vil ha denne headeren kan det kanskje være noe. Det som ser "feil" ut her hos meg er høyden på headeren altså, men så kan det vel også være jeg har sett feil.
Klikk for å utvide...

Feilen er i grunnen i header ja.
Den sorte menyen kommer bort i IE, og siden "trekkes opp" slik at den dekker halve høyden av de to bannerne i topp.
Nå er det nok litt flere klasser i stilarket enn det er i filene, da jeg har rota mye inne i selve filene uten egentlig å ha så mye greie på hvordan jeg skal følge dette med (i) css'en (om det var forståelig).

Forsøkte å legge til 'header' klasse, men det hjalp ikke gitt :)
 
Sist redigert:
picxx

picxx

Well-Known Member
Edit...da fikk jeg jaggu fiksa det selv.. (snakk om å være *dumb*)
Manglet en "height" 40px på menyen og hadde glemt å ekspandere fra 60 til 120 px på en annen.

Takk for all hjelp :)
 
Du må logge inn eller registrere deg for å svare her.
Topp