Welcome Guest!

If you do not have an account yet on The Web Squeeze forums, please Register! It’s FREE and there are many benefits:

  • Receive Fast Advice
  • Learn Programming Languages
  • Get Professional Website Reviews
  • Quick Troubleshooting Assistance

> Minor Error Problem Not Diapling The Layout Right...

This is a discussion on Minor Error Problem Not Diapling The Layout Right..., within the CSS section. This forum and the thread "Minor Error Problem Not Diapling The Layout Right..." are both part of the Designing Your Website category.

 
Reply to this topicStart new topic
> Minor Error Problem Not Diapling The Layout Right...
mcdanielnc89
post Feb 19 2008, 11:23 PM
Post #1


Rapid Squeezer
****

Posts: 252
Joined: 13-February 08
From: Missouri, USA


Okay, well.. I have a lil black box supposed to go in the upper right hand corner, but it goes behind the the background of my website and can't get it to display without it messing up the logo.

the site is... http://www.newbreedjesusfreask.com/


any help is appreciated.


--------------------
No Signature... No Images allowed.. :(
Go to the top of the page
 
+Quote Post
shanedizzle
post Feb 20 2008, 02:25 AM
Post #2


Fresh Squeezed
**

Posts: 14
Joined: 14-February 08
From: michigan - u.s


Have you tried floating the box over there and making the z-index of it higher than the logo and background so that it goes over them?


--------------------
Go to the top of the page
 
+Quote Post
ejg
post Feb 23 2008, 07:37 AM
Post #3


Squeezing
***

Posts: 75
Joined: 14-February 08


Assuming you meant www.newbreedjesusfreaks.com, one of the problems is in #header where you set width: 70% and overflow: hidden.

#black has margin-left: 1000px which puts it way out of the 70% on my screen so it is hidden.

Your code has lots of other issues though. It is a nightmare to mix absolute positioning with floats and margins and negative margins and padding for layout.

I am not sure what exactly you wanted you layout to look like but here's one example. Try this for your layout.css.

Note: I did not try this in IE so I am not sure what all those * html hacks are going to do.

CODE
html, body {
height:100%;
}

body {
background:#CCCCCC none repeat scroll 0%;
color:#000000;
margin:0pt;
padding:0pt;}

#outer {
background:#FFFFFF none repeat scroll 0%;
color:#000000;
margin-bottom:-22px;
margin-left:170px;
min-height:100%;
width:70%;
}

* html #outer {
height:100%;
margin-left:157px;
}

#header {
background:#004287 url(http://www.newbreedjesusfreaks.com/images/banner.png) repeat scroll 0%;
border-bottom:20px solid #004287;
color:#000000;height:150px;
}

#leftside {
background:#004287 none repeat scroll 0%;
font-size:10pt;
min-height:100%;width:150px;
}

#left {
float:left;
min-height:100%;
width:150px;
}

* html #left {
margin-right:-3px;
}

#left p {
padding-left:3px;
padding-right:2px;
}

#footer {
background-color:#004287;border-top:1px solid #004287;
clear:both;
color:#000000;
height:50px;
position:relative;
text-align:center;
width:70%;
}

* html #footer {
height:20px;
}

#clearheader {}

#clearfooter {
clear:both;
height:30px;
}

div, p {
margin-top:0pt;
}

* html #centrecontent {
height:1%;
margin-bottom:12px;
}

#head {}

#black {
background:black none repeat scroll 0%;
height:50px;
position:absolute;
right:0px;
top:10px;
width:400px;
}

#copy {
margin-left:auto;
margin-right:auto;
top:10px;
width:585px;
}

#copy p {
color:#FFFFFF;
font-family:Arial,Verdana,sans-serif;
font-size:8pt;
margin-top:3px;
text-align:center;
}

a.adminlogin:link {
color:#FFFFFF;
font-family:Arial,Verdana,sans-serif;
font-size:8pt;
text-decoration:underline;
}

a.adminlogin:visited{
font-family:Arial,Verdana,sans-serif;
font-size:8pt;
font-style:normal;
text-decoration:underline;
}

a.adminlogin:active{
font-family:Arial,Verdana,sans-serif;
font-size:8pt;
font-style:normal;
text-decoration:underline;
}

a.adminlogin:hover{
background-color:#000066;
font-family:Arial,Verdana,sans-serif;
font-size:8pt;
font-style:normal;
font-weight:normal;
text-decoration:underline;
}


This post has been edited by ejg: Feb 23 2008, 07:45 AM
Go to the top of the page
 
+Quote Post
Marc
post Feb 23 2008, 08:14 AM
Post #4


Squeeze Machine
*****

Posts: 574
Joined: 13-February 08
From: Scotland, UK


Somehow I cannot view the page....


--------------------
Thanks,
Marc
Go to the top of the page
 
+Quote Post
If you found The Web Squeeze to be helpful, please donate so we can keep this site FREE, FRESH, and fortified with Web Design & Development info!
Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Collapse

> Similar Topics

    Topic Title Replies Topic Starter Views Last Action
No New Posts   5 Blake121 282 15th February 2008 - 09:41 AM
Last post by: Blake121
No New Posts   0 karinne 392 14th February 2008 - 10:08 AM
Last post by: karinne
No New Posts   7 rewake 783 15th February 2008 - 05:06 PM
Last post by: Linda
No New Posts   4 Sleaklight 283 15th February 2008 - 03:25 PM
Last post by: Marc
No New Posts   9 PoetAlley 396 17th February 2008 - 06:27 PM
Last post by: PoetAlley