|
| Home Community Mys-Script Creative Off-Topic |
|
|||||||
 |
|
|
Thread Tools | Display Modes |
|
#1
02-21-2013, 08:45 AM
|
||||
|
||||
Another Theme Problem - Please Help!
Okay, so due to some profile.php issues, I changed my theme and made it wider (plus I like the new colors more!). However, profile.php is still being a pain in my you-know-what and screwing up my theme.
It's messing with my footer, and it's killing me. I've tested all other pages and it works fine, it's just when viewing a user's profile that the footer gets moved about. Here's my HTML HTML Code:
<!DOCTYPE html> <head> <title>:BROWSERTITLE:</title> <link rel="stylesheet" href="templates/main/media/style.css" type="text/css" /> </head> <center><body> <div id="header"><br><h1>Belles Ombres</h1></div> <div id="nav"><ul><li><a href="/">Home</a></li><li><a href="adopt.php">Adopt Center</a></li><li><a href="pound.php">Shelter</a></li><li><a href="breeding.php">Breed Pets</a></li><li><a href="pages.php?page=trivia">Trivia</a></li><li><a href="promo.php">Redeem Code</a></li><li><a href="shop.php">Market</a></li><li><a href="donate.php">Bank</a></li><li><a href="explore.php">Explore</a></li><li><a href="arcade.php">Arcade</a></li><li><a href="trade.php">Trade</a></li><li><a href="/forum">Forum</a></li><li><a href="shoutbox.php">Shout Box</a></li><li><a href="profile.php">Members</a></li><li><a href="stats.php">Stats</a></li><li><a href="search.php">Search</a></li></ul></div> <div id="menu">:SIDEFEED:</div> <div id="content"> <h2>:ARTICLETITLE:</h2> :ARTICLECONTENT:</div> <div id="footer"><p>All content © <a href="http://www.bellesombres.com/">BellesOmbres</a> 2013 :: Powered by <a href='http://www.mysidiaadoptables.com'>Mysidia Adoptables</a></p> </div> </body></center> Code:
body {
background:#4D754B;background: rgb(222,239,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(222,239,255,1) 0%, rgba(152,190,222,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(222,239,255,1)), color-stop(100%,rgba
(152,190,222,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /*
Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=0 ); /*
IE6-9 */
font-family:Arial, Tahoma, sans-serif;
font-size:12px;
color:#000000;
}
a {
color:#0489B1;
text-decoration:none;
}
a:hover {
color:#6CC7DC;
text-decoration:none;
}
#header {
float:center;
background: rgb(167,207,223); /* Old browsers */
background: -moz-linear-gradient(top, rgba(167,207,223,1) 0%, rgba(35,83,138,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(167,207,223,1)), color-stop
(100%,rgba(35,83,138,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(167,207,223,1) 0%,rgba(35,83,138,1) 100%); /*
Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(167,207,223,1) 0%,rgba(35,83,138,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(167,207,223,1) 0%,rgba(35,83,138,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(167,207,223,1) 0%,rgba(35,83,138,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#23538a',GradientType=0
); /* IE6-9 */
width:800px;
height:100px;
border-top-left-radius:15px;
border-top-right-radius:15px;
padding:10px;
}
#header h1 {
font-size:30px;
color:#ffffff;
font-family:Arial;
letter-spacing:8px;
}
#nav {
width:800px;
height:40px;
line-height:15px;
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-
stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /*
Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /*
IE6-9 */
padding:10px;
}
#nav li {
display:inline;
list-style-type:none;
padding:3px;
}
#nav ul {
list-style-type:none;
margin-top:-7px;
}
#nav li {
float:left;
}
#nav li a {
padding:0 5px;
display:block;
color:#ffffff;
}
#nav li a:hover {
background: #6db3f2; /* Old browsers */
background: -moz-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db3f2), color-stop(50%,#54a3ee), color-
stop(51%,#3690f0), color-stop(100%,#1e69de)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /*
Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* IE10+ */
background: linear-gradient(to bottom, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* W3C */
}
#content {
float:center;
background:#ffffff;
text-align:center;
width:800px;
min-height:400px;
padding:10px;
}
#menu {
float:left;
background:#FAFAFA;
text-align:center;
width:150px;
height:300px;
padding:10px;
border-radius:15px;
}
#footer {
clear:both;
background: rgb(167,207,223); /* Old browsers */
background: -moz-linear-gradient(top, rgba(167,207,223,1) 0%, rgba(35,83,138,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(167,207,223,1)), color-stop(100%,rgba
(35,83,138,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(167,207,223,1) 0%,rgba(35,83,138,1) 100%); /* Chrome10+,Safari5.1+
*/
background: -o-linear-gradient(top, rgba(167,207,223,1) 0%,rgba(35,83,138,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(167,207,223,1) 0%,rgba(35,83,138,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(167,207,223,1) 0%,rgba(35,83,138,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#23538a',GradientType=0 ); /*
IE6-9 */
color:#ffffff;
width:800px;
text-align:center;
border-bottom-left-radius:15px;
border-bottom-right-radius:15px;
padding:10px;
}
#content h2 {
text-align:left;
font-size:20px;
color:#4AA4C7;
}
Thanks in advance! -Abron/Pero
__________________
My Mods Site (1.3.4, 2020 Mods) 
|
|
#2
02-21-2013, 03:02 PM
|
||||
|
||||
|
I think the main issue is that there are conflicting <div> layers... I can't figure out where though...
__________________
|
|
#3
02-22-2013, 08:55 AM
|
||||
|
||||
|
Well, thanks for having a look...ugh, that blasted profile page keeps messing me up...
__________________
My Mods Site (1.3.4, 2020 Mods)
|
|
#4
02-22-2013, 01:08 PM
|
||||
|
||||
|
I'd say change out some of the divs for tables, see if that fixes it. ;3 I'm going to completely strip out what I want from the profile page when I get CH up and running...
__________________
|
|
#5
02-23-2013, 06:00 AM
|
||||
|
||||
|
umm the profile? What are you referring to? Just curious.
__________________
 Mysidia Adoptables, a free and ever-improving script for aspiring adoptables/pets site.
|
|
#6
02-23-2013, 02:48 PM
|
||||
|
||||
|
Profile referring to viewing a user's profile :) I'm not sure where to go to alter the size of the tab/panel thing, so it's been messing up my CSS.
__________________
My Mods Site (1.3.4, 2020 Mods)
|
|
#7
02-23-2013, 03:26 PM
|
||||
|
||||
|
Well did you look into the file css/tab.css?
__________________
Mysidia Adoptables, a free and ever-improving script for aspiring adoptables/pets site.
|
|
#8
02-23-2013, 03:44 PM
|
||||
|
||||
|
Well, HoF, I went through and had a look at it, even changed a few things, but to no avail. Here's a screen shot of the problem:
here Notice how the footer is being moved around..? The footer should actually be at the bottom of the content, but instead it's kind of floating over it and then conflicting with the user profile page.
__________________
My Mods Site (1.3.4, 2020 Mods)
|
|
#9
02-23-2013, 03:52 PM
|
||||
|
||||
|
I see, thats weird, I believe there's a way to move the profile tab box around on a certain page. You really sure this cannot be achieved by editing any items in the css file for tabs?
And btw, I am surprised that you just changed your gender from female to male lol.
__________________
Mysidia Adoptables, a free and ever-improving script for aspiring adoptables/pets site.
|
|
#10
02-23-2013, 04:00 PM
|
||||
|
||||
|
Hm, I'll just have to continue messing with it...I'm not familiar with using tables to set up a site theme, as Tequila suggested, so I'll have to test that out to see if that could possibly fix it.
((Mehp, I'm just a young person doing what young people do: coming to terms with myself...I be a trans*man. Now go feel uncomfortable ;-;))
__________________
My Mods Site (1.3.4, 2020 Mods)
|
|
|
|
Similar Threads
|
||||
| Thread | Thread Starter | Forum | Replies | Last Post |
| Making A Theme The Default Theme? | PokeFerno | Questions and Supports | 1 | 05-13-2014 10:31 AM |
| Theme Problem | SJC | Questions and Supports | 5 | 05-01-2009 02:38 PM |
| Theme little problem | 12345 | Questions and Supports | 3 | 04-18-2009 07:25 PM |
What's New? |
What's Hot? |
What's Popular? |
Linear Mode
