Click here to Skip to main content
14,326,017 members

Web Development

 
QuestionHosting WebAPI OnServer Pin
Kevin Marois12-Mar-19 14:09
professionalKevin Marois12-Mar-19 14:09 
AnswerRe: Hosting WebAPI OnServer Pin
Nathan Minier18-Mar-19 1:55
professionalNathan Minier18-Mar-19 1:55 
QuestionWhy my update & insert form return url+token instead of insert/update data (laravel) Pin
Galih indra waspada11-Mar-19 23:29
memberGalih indra waspada11-Mar-19 23:29 
AnswerRe: Why my update & insert form return url+token instead of insert/update data (laravel) Pin
Richard Deeming12-Mar-19 2:52
mveRichard Deeming12-Mar-19 2:52 
QuestionProblem on Opening Password-Protected ZIP File that created on Heroku Server ( Python App ) Pin
HardCoder66611-Mar-19 18:10
memberHardCoder66611-Mar-19 18:10 
QuestionModal popup from web page during long processing task Pin
Member 1413757611-Mar-19 15:23
memberMember 1413757611-Mar-19 15:23 
AnswerRe: Modal popup from web page during long processing task Pin
Richard Deeming12-Mar-19 2:48
mveRichard Deeming12-Mar-19 2:48 
Questiondiv width not working Pin
V.11-Mar-19 2:53
professionalV.11-Mar-19 2:53 
or not as expected.

if you look at this site[^] (dutch website)

I would like to have the tab content (made in JQuery) with a margin of around 25 pixels on either side (left and right) of the page, regardless of the content. (so it moves with the size of the browser).

For now, I did a dirty fix by setting the min-width to a certain amount of pixels, which is not what I want, but otherwise the width would adapt to the content of the tab. For the tab "programma" eg. only half the width of the page would be filled, the rest is the background image.

No matter what I did in the css, nothing worked. (although it looks trivial)

So what do I need to do to
* remove the fixed pixel width
* make the tab content as wide as the page (with a small offset of say 25 pixels left and right.

It COULD be the JQuery css that's messing things up, but I'm not a css/jquery wiz unfortunately.

the short HTML:
<body>
<div id="divparent"><br />
    <div class="header"> title, social media stuff, ... </div>
        <div class="main">
        <div id="tabs">
            <ul>
                <li><a href="#tab-home">home</a></li>
                <li><a href="#tab-club">club</a></li>
                <li><a href="#tab-programma">programma</a></li>
                <li><a href="#tab-inschrijvingen">inschrijvingen</a></li>
                <li><a href="#tab-gedragscode">gedragscode</a></li>
                <li><a href="#tab-info">informatie</a></li>
                <li><a href="#tab-kalender">kalender</a></li>
                <li><a href="#tab-faq">FAQ</a></li>
                <li><a href="#tab-contact">contact</a></li>
            </ul>
            <div class="tabcontent"><!-- tab content div here --></div>
</div>
</div>
<div class="footer">footer contents</div>
</div>
</body>

the css:
div.header { display: inline-block; }
div.main { margin: 0px 0px 0px 0px; }
div.tabcontent { margin: 0px 0px 0px 0px;min-width:1200px; } /* this width should become more dynamic */
div.footer { text-align:center;font-size:small;border-top:1px solid #F0F0F0;background-color:#1E1E1E;}
div#divparent { margin: 25px 25px 25px 25px; }
div#tabs {  }

many thanks for your help !
V.


modified 11-Mar-19 9:10am.

AnswerRe: div width not working Pin
Richard Deeming11-Mar-19 8:53
mveRichard Deeming11-Mar-19 8:53 
GeneralRe: div width not working Pin
V.11-Mar-19 21:27
professionalV.11-Mar-19 21:27 
QuestionIs there an easy way into Razor, without necessarily adopting all of MVC to begin with? Pin
Patrick Skelton7-Mar-19 1:02
memberPatrick Skelton7-Mar-19 1:02 
AnswerRe: Is there an easy way into Razor, without necessarily adopting all of MVC to begin with? Pin
Richard Deeming7-Mar-19 1:05
mveRichard Deeming7-Mar-19 1:05 
GeneralRe: Is there an easy way into Razor, without necessarily adopting all of MVC to begin with? Pin
Patrick Skelton11-Mar-19 1:17
memberPatrick Skelton11-Mar-19 1:17 
GeneralRe: Is there an easy way into Razor, without necessarily adopting all of MVC to begin with? Pin
MadMyche11-Mar-19 17:22
mveMadMyche11-Mar-19 17:22 
GeneralRe: Is there an easy way into Razor, without necessarily adopting all of MVC to begin with? Pin
Patrick Skelton12-Mar-19 2:25
memberPatrick Skelton12-Mar-19 2:25 
QuestionOpenID, ADSF, custom LoginID Pin Pin
Super Lloyd4-Mar-19 5:09
memberSuper Lloyd4-Mar-19 5:09 
QuestionMenu's in HTML Pin
BobInNJ2-Mar-19 19:32
memberBobInNJ2-Mar-19 19:32 
AnswerRe: Menu's in HTML Pin
David Mujica4-Mar-19 10:48
memberDavid Mujica4-Mar-19 10:48 
AnswerRe: Menu's in HTML Pin
V.11-Mar-19 3:09
professionalV.11-Mar-19 3:09 
AnswerRe: Menu's in HTML Pin
Bohdan Stupak15-Mar-19 5:45
professionalBohdan Stupak15-Mar-19 5:45 
QuestionVS2017 IIS Question Pin
Kevin Marois1-Mar-19 8:29
professionalKevin Marois1-Mar-19 8:29 
QuestionImageButton inside Datalist Pin
byka1-Mar-19 7:28
memberbyka1-Mar-19 7:28 
QuestionAsp.Net Web API Call Incorrect [MODIFIED - FIXED] Pin
Kevin Marois1-Mar-19 5:57
professionalKevin Marois1-Mar-19 5:57 
QuestionSample Web application with login Form, On Login capture the IP address , Host Name etc of the User Pin
Member 1416781128-Feb-19 23:59
memberMember 1416781128-Feb-19 23:59 
AnswerRe: Sample Web application with login Form, On Login capture the IP address , Host Name etc of the User Pin
Peter_in_27801-Mar-19 1:54
professionalPeter_in_27801-Mar-19 1:54 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.